[jQuery] jQuery - 이벤트(1.이벤트 설명, 2.bind, 3.unbind, 4.trigger), 이벤트 헬퍼, live

 

 

 

이벤트란?

• 시스템에서 일어나는 사건을 의미
• javascript나 jQuery에게 이벤트란 브라우져에서 일어나는 사건을 의미한다. (클릭, 마우스 이동, 타이핑, 페이지 로딩등)
• 이벤트가 발생했을 때 작동할 로직을 시스템에게 알려두면 이벤트가 발생했을 때 시스템이 그 로직을 호출한다.

 

 

 

 

jQuery의 이벤트의 특징

• 크로스브라우징의 문제를 해결해줌
• bind로 이벤트 핸들러를 설치하고, unbind로 제거 (예제1)
• trigger로 이벤트 핸들러를 강제로 실행 (예제2)
• click, ready와 같이 다양한 이벤트 헬퍼(helper)를 제공함
• live를 이용하면 현재 존재 하지 않는 엘리먼트에 이벤트 핸들러를 설치할 수 있음

 

 

 

 

 

 

bind, unbind, trigger

코드

결과

설명

 

 

 

 

 

 

이벤트 헬퍼

bind() 사용하는 것보다 "이벤트 헬퍼"를 바로사용하는 것이 더 좋습니다.

왜냐하면 코드가 더 간결하기 때문입니다

근데 bind() 쓰든, "이벤트 헬퍼" 쓰든 상관없음..

근데

"이벤트 헬퍼"를 많이 사용함

 

 

 

 

 

 

live  (이것보단 위에 있는 "bind"나 "이벤트 헬퍼"를 사용하는게 낳음)

live를 사용하면 현재 화면 상에 존재하지 않는 엘리먼트라고 할지라도,

이벤트를 셋팅할 수 있습니다.

그 엘리먼트가 나중에 화면에 생겨나게 되면, 그 이벤트에 영향을 받게 됩니다.

live를 사용하면 더 안전하게 이벤트를 셋팅할 수 있습니다.

(참고)

die랑 unbine랑 동일한 문법을 가지고 있습니다