jQuery之事件移除

2022-08-24 20:27:09 字數 1350 閱讀 2797

**於  

有時候事件執行完了,想取消事件的效果可以通過一定的辦法來處理。比如bind()方法,可以通過unbind()方法來移除事件的效果。

比如下面的乙個案例:

html部分:

點選我

這裡每次點選,都會執行一次事件,想div層末尾新增段落。

下面的**是取消事件效果的,可以通過刪除事件,使點選效果失效:

$('#btn').unbind("click");這句**的作用就是取消元素btn下的click事件。它不僅僅對於bind()方法有效,它對於click()方法同樣有效。從某種角度上講,bind("click",function(){})與click(function(){})是等價的。

還可以針對具體的方法,刪除特定的事件。

下面的**可以參考:

unbind()方法的第二個引數是事件對應得執行函式的名字,這樣執行完後,只有myfun2這個事件被刪除了,其他兩個click事件正常執行。

還有一種跟bind()方法類似的方法one(),區別大概就是one()方法只執行一次。

為每乙個匹配元素的特定事件(像click)繫結乙個一次性的事件處理函式。

**如下:

點選後,只執行一次。再次點選不會觸發效果。這就是one方法。

有時候事件執行完了,想取消事件的效果可以通過一定的辦法來處理。比如bind()方法,可以通過unbind()方法來移除事件的效果。

比如下面的乙個案例:

html部分:

點選我

這裡每次點選,都會執行一次事件,想div層末尾新增段落。

下面的**是取消事件效果的,可以通過刪除事件,使點選效果失效:

$('#btn').unbind("click");這句**的作用就是取消元素btn下的click事件。它不僅僅對於bind()方法有效,它對於click()方法同樣有效。從某種角度上講,bind("click",function(){})與click(function(){})是等價的。

還可以針對具體的方法,刪除特定的事件。

下面的**可以參考:

unbind()方法的第二個引數是事件對應得執行函式的名字,這樣執行完後,只有myfun2這個事件被刪除了,其他兩個click事件正常執行。

還有一種跟bind()方法類似的方法one(),區別大概就是one()方法只執行一次。

為每乙個匹配元素的特定事件(像click)繫結乙個一次性的事件處理函式。

**如下:

點選後,只執行一次。再次點選不會觸發效果。這就是one方法。

jquery移除事件

移除事件 unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有 對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn one click function 模擬操作 可以用trigger 方法完成模擬...

JQuery之事件冒泡

jquery 提供了兩種方式來阻止事件冒泡。方法一 event.stoppropagation div1 mousedown function event 方法二 return false div1 mousedown function event 以上兩種方法都能阻止事件冒泡的發生,但是也有本質區...

jquery的移除事件

使用各種事件樣式達到各種結果,適合開發目的才是最好的,一下對一些jquery事件的詳細說明及使用unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn...