이벤트의 연결(event binding)특정 요소에서 발생하는 이벤트를 처리하기 위해서는 이벤트 핸들러(event handler) 함수를 작성해야만 한다. jQuery는 이벤트 바인딩을 위한 다양한 방법을 제공한다. 다음 예제는 id가 “btn"인 요소에 클릭(click) 이벤트 핸들러를 바인딩하는 다양한 방법이다.
jQuery 1.7부터는 이벤트 처리의 발전jQuery의 발전에 따라 이벤트를 처리하는 방법 역시 변해 왔다. .on() 메소드jQuery는 특정 요소에 이벤트 바인딩(event binding)하기 위해 .
기본형아래 예제는 요소를 클릭했을 때 알람창이 켜지는 예제이다.
코드 실행 이벤트 핸들러 하나에 이벤트를 여러개 설정
아래 예제는
코드 실행 또한, 하나의 요소에 여러 개의 이벤트 핸들러를 사용하여 여러 개의 이벤트를 같이 바인딩할 수도 있다.
코드 실행 .off() 메소드
코드 실행 .one() 메소드
코드 실행
참조
|