뮁이의 개발새발

[Javascript] jQuery Event 본문

Front-end/Javascript

[Javascript] jQuery Event

뮁뮁이 2021. 9. 6. 03:11

[bind()]

- 선택된 DOM 객체의 이벤트에 지정한 핸들러를 연결하는 함수

- 동적으로 생성한 DOM 객체에는 적용 X

[unbind()]

- 객체 이벤트에서 지정한 핸들러를 지운다.

 

[on()]

- bind()와 마찬가지로 DOM 객체에 이벤트 핸들러 연결

- 동적으로 생성한 DOM 객체에도 적용 가능

- 이벤트 연결에 가장 기본이 되는 함수로 권장

[off()]

- DOM 객체의 이벤트 제거

 

[one()]

- on()->이벤트 실행->off()

 

[keyboard event]

- keydown: 키보드 누를 때 발생

- keypress : 글자가 입력될 때 발생 (ex 아이디 중복검사)

- keyup : 키보드를 뗄 때 발생

 

[Window Event]

- ready : DOM 객체가 준비되면 발생

- load : 윈도우를 불러들일 때 발생

 

*event.preventDefault() => 이중 submit 방지

 


<정리>

- 다양한 이벤트에 반응해서 원하는 작업 수행 가능

- 간편하게 처리 가능

- bind, delegate, live, on과 같은 함수는 이벤트 핸들러를 DOM요소에 적용하는 jQuery함수이다.

 

 

 

 

 

Comments