jquery移除 繫結 觸發元素事件

2022-02-23 18:21:25 字數 1974 閱讀 9327

unbind(type [,data])     //

data是要移除的函式

$('#btn

').unbind("

click

"); //

移除click

$('#btn

').unbind(); //

移除所有

對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one()

$('

#btn

').one("

click

",function());

觸發操作:trigger() 方法觸發被選元素的指定事件型別。

$('

#btn

').trigger("

click

");

觸發自定義事件:bind() 方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。

$('

#btn

').bind("

myclick

",function());

模擬觸發上面的繫結函式

$('

#btn

').trigger("

myclick

");

傳遞資料trigger(event,[param1,param2,...])

$('

#btn

').bind("

myclick

",function(event

,message1,message2));$('

#btn

').trigger("

myclick

",["

傳給message1

","傳給message2

"]);

觸發執行預設操作

$("

input

").trigger("

focus");

//不僅會觸發input元素繫結的focus事件,還會觸發預設操作——得到焦點

只觸發繫結事件,不執行瀏覽器預設操作

$("

input

").triggerhandler("

focus");

//只觸發繫結事件,不執行瀏覽器預設操作

其他用法

繫結多個事件型別

$("

div").bind("

mouseover mouseout

",function());

新增事件命名空間

$("

div").bind("

click.plugin

",function());

在所繫結的事件型別後面新增命名空間,這樣在刪除事件時只需要指定命名空間即可。

$("

div").unbind("

.plugin

"); //

刪除空間內的事件

$("div

").trigger("

click!

"); //

觸發所以不包含在命名空間中的click方法

如果包含在命名空間的也要觸發

$(「div」).trigger(「click」);

取消或者繫結函式

$('

div').bind('

click

', recommandproduct);//

為div繫結recommandproduct 函式

$('div

').unbind('

click

', recommandproduct);//

取消recommandproduct 函式

jquery移除 繫結 觸發元素事件

jquery移除 繫結 觸發元素事件unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn one click function 觸發操作 trigg...

JQuery 事件繫結,移除繫結

bind 隱式迭代,為匹配到的元素繫結相同的事件。selector bind event,func 繫結匿名函式 div p bind click function 繫結指定函式 div p bind click funcname params 繫結click事件 div p click funct...

JQuery關於如何為動態新增元素繫結事件

頭部 utf 8 title style可以忽略,這裡只是為了能夠看清做的簡單樣式 div.test style 這裡是原始寫法 js jquery 1.12.4.min.js script function 為 id d1 下的所有標籤中 input標籤是按鈕 的元素繫結刪除事件 d1 div i...