Latest web development tutorials

jQuery on() 方法

jQuery 事件方法 jQuery事件方法

實例

向<p> 元素添加click 事件處理程序:

$("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 必需。规定要从被选元素移除的一个或多个事件或命名空间。

由空格分隔多个事件值。必须是有效的事件。
childSelector 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data 可选。规定传递到函数的额外数据。
function 可选。规定当事件发生时运行的函数。
map 规定事件映射 ( {event:function, event:function, ...}) ,包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。


實例

更多實例

從bind()改為on()
如何使用on() 來達到與bind() 相同的效果。

Changing from delegate() to on()
如何使用on() 來達到與delegate() 相同的效果。

從live()改為on()
如何使用on() 來達到與live() 相同的效果。

添加多個事件處理程序
如何向元素添加多個事件處理程序。

使用map參數添加多個事件處理程序
如何使用map 參數向被選元素添加多個事件處理程序。

在元素上添加自定義事件
如何在元素上添加自定義命名空間事件。

向函數傳遞數據
如何向函數傳遞數據。

向未來的元素添加事件處理程序
演示on() 方法也適用於尚未創建的元素。

移除事件處理程序
如何使用off() 方法移除事件處理程序。


jQuery 事件方法 jQuery事件方法