jQuery on() 方法
定義和用法
on() 方法為選定的元素及其子元素附加一個或多個事件處理器。
從 jQuery 版本 1.7 開始,on() 方法是 bind()、live() 和 delegate() 方法的新替代品。該方法為 API 帶來了很多一致性,我們建議您使用此方法,因為它簡化了 jQuery 程式碼庫。
注意:使用 on() 方法附加的事件處理器將同時適用於當前和未來的元素(例如,由指令碼建立的新元素)。
提示:要移除事件處理器,請使用 off() 方法。
提示:要附加一個只執行一次然後自行移除的事件,請使用 one() 方法。
語法
$(selector).on(event,childSelector,data,function,map)
引數 | 描述 |
---|---|
事件 | 必需。指定一個或多個要附加到選定元素的事件或名稱空間。 多個事件值用空格分隔。必須是有效的事件 |
childSelector | 可選。指定事件處理器僅應附加到指定的子元素(而不是選擇器本身,類似於已棄用的 delegate() 方法)。 |
data | 可選。指定要傳遞給函式的附加資料 |
function | 必需。指定事件發生時要執行的函式 |
地圖 | 指定一個事件對映 ({event:function, event:function, ...}),其中包含一個或多個要附加到選定元素的事件,以及事件發生時要執行的函式。 |
親手嘗試 - 示例
附加多個事件
如何向元素附加多個事件。
使用 map 引數附加多個事件處理器
如何使用 map 引數向選定的元素附加多個事件處理器。
向元素附加自定義事件
如何向元素附加自定義名稱空間事件。
將資料傳遞給函式
如何將資料傳遞給函式。
為未來的元素新增事件處理程式
顯示 on() 方法也適用於尚未建立的元素。
移除事件處理器
如何使用 off() 方法移除事件處理器。