[jQuery] 이벤트

이벤트 핸들러(이벤트 발생시 실행될 function) 연결 종류 방법

 

방법1. 이벤트 메소드를 통한 연결

 

 

 

 

방법2. on메소드를 쓰는 방법

 

 

- on메소드를 이용해 한요소에 다중으로 이벤트 걸기 => { } 객체 이용해서

 

 

- off메소드를 이용한 이벤트 핸들러 제거

 

 

 

 

방법3. on 메소드를 쓰는 방법2

 

 

 

 

 

동적으로 만들어진 요소에 이벤트 적용

동적으로 만들어진 요소 : (없었는데요 있었습니다)

처음에 문서 로딩시에는 존재하지 않다가 나중에 새로이 만들어지는 요소

 

★★ 잊지말기!  중요!★★

 

 

 

 

 

- one메소드 (일회성 이벤트)

이벤트를 딱 한번만 연결할 때 사용

ex) 팝업창 밑에 '오늘 하루 보지 않기' 같은...

 

 

 

 

 

키보드 관련 이벤트

키가 눌려졌을 때 발생하는 이벤트
- keydown : 키보드의 모든 키가 눌려질  때 발생
- keypress : 키보드의 function키, 기능키, 한글을 제외한 나머지 키가 눌릴 때 발생

키가 떼어질 때 발생하는 이벤트
- keyup : 키보드의 모든 키가 눌렸다 떼어질 때 발생

 

 

응용) 글자수 세기 예제