예
받는 클릭 이벤트에 연결 <p> 요소를 :
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); »그것을 자신을 시도 정의 및 사용
on() 메서드는 선택된 요소와 하위 요소에 대한 하나 이상의 이벤트 핸들러를 연결합니다.
jQuery를 버전 1.7로, on() 메소드는 새로운 기능에 대한 대체 bind(), live() 및 delegate() 메소드. 이 방법은 API에 일관성을 많이 제공하고, 우리는 그것이 jQuery 코드베이스를 단순화대로,이 방법을 사용하는 것이 좋습니다.
참고 : 이벤트 핸들러를 사용하여 부착 on() (스크립트에 의해 생성 된 새로운 요소 등) 현재와 미래의 요소의 작동 방법을.
팁 : 사용, 이벤트 핸들러를 제거하려면 off() 메소드를.
팁 : 한 번만 실행하고 그 자체를 제거하는 이벤트를 부착하려면 사용 one() 메소드를.
통사론
$(selector).on(event,childSelector,data,function,map)
| 매개 변수 | 기술 |
|---|---|
| event | 필요합니다. 하나 이상의 지정 event(s) 선택된 요소에 부착하거나 네임 스페이스를. 여러 이벤트 값은 공백으로 구분됩니다. 유효한 이벤트이어야합니다 |
| childSelector | 선택 과목. 이벤트 핸들러는 (사용되지 않는처럼 선택을하지 자체를 지정된 자식 요소에 부착되도록 지정 delegate() 메소드). |
| data | 선택 과목. 추가 데이터는 기능에 따라 통과를 지정합니다 |
| function | 필요합니다. 이벤트가 발생했을 때 실행하는 함수를 지정 |
| map | 지정 이벤트 맵 ( {event:function, event:function, ...}) 이벤트가 발생할 때 실행하기 위해 선택한 요소에 부착하고, 기능 하나 이상의 이벤트를 포함 |
그것을 자신을 시도 - 예를
에서 변경 bind() 에 on()
사용 방법 on() 와 동일한 효과를 달성하기 위해 bind() .
에서 변경 delegate() 에 on()
사용 방법 on() 와 동일한 효과를 달성하기 위해 delegate() .
에서 변경 live() 로 on()
사용 방법 on() 와 동일한 효과를 달성하기 위해 live() .
여러 이벤트를 부착
어떻게 요소에 여러 이벤트를 연결합니다.
지도 매개 변수를 사용하여 여러 이벤트 핸들러를 연결합니다
어떻게지도 매개 변수를 사용하여 선택된 요소에 여러 이벤트 핸들러를 연결합니다.
요소에서 사용자 정의 이벤트를 부착
요소에 사용자 정의 네임 스페이스 이벤트를 부착하는 방법.
함수에 데이터를 함께 전달
어떻게 함수에 데이터를 함께 전달합니다.
미래의 요소에 대한 이벤트 처리기를 추가
것을보기 on() 메소드는 아직 만들어지지 요소에 대해 작동합니다.
이벤트 핸들러를 제거
어떻게 사용하여 이벤트 핸들러를 제거하는 off() 메소드를.