English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
on()方法为所选元素和子元素附加一个或多个事件处理程序。
这也附加了事件发生时要运行的函数。
要删除事件处理程序，请使用off()方法。
若要附加仅运行一次然后将其自身删除的事件，请使用one()方法。
$$(selector).on(event, childSelector, data, function)
将点击事件附加到所有<p>元素：
$$("p").on("click", function(){
$$(this).css("background-color", "coral");
});테스트를 보고‹/›将mouseenter事件附加到所有<p>元素：
$$("p").on("mouseenter", function(){
$$(this).css("background-color", "coral");
});테스트를 보고‹/›将多个事件处理程序添加到<div>元素：
$$("div").on("mouseenter mouseleave click", function(){
$$(this).text(Math.random());
});테스트를 보고‹/›将数据传递给函数：
$("document").ready(function(){
$$("p").on("click", {msg: "你刚刚点了我!!!"}, showMsg)
});
function showMsg(event) {
$$(this).append(event.data.msg);
});테스트를 보고‹/›사용childSelectorclick 이벤트를 모든 <p> 요소에 추가하는 파라미터:
$("document").ready(function(){
$("body").on("click", "p", changeSize);
});테스트를 보고‹/›<div> 요소에서 mousemove 이벤트를 제거하기 위해:
$("button").click(function(){
$("div").off("mousemove");
});테스트를 보고‹/›| 파라미터 | 설명 |
|---|---|
| event | 이벤트나 이름 공간을 공백으로 구분하여 지정 |
| childSelector | （ 선택 사항 ） 이벤트 처리기를 지정된 자식 요소에만 추가하도록 설정 |
| data | （ 선택 사항 ） 함수에 전달할 다른 데이터를 지정 주의:만약데이터on() 메서드에 데이터를 제공하면, 이벤트가 발생할 때마다 이参数가event.data프로세서에 전달된 속성 |
| function | 이벤트가 발생할 때 실행할 기능 |