首頁 > 其他

jquery移除事件的方法

2019-12-12 12:27:58

在做前端頁面開發時,我們有時會使用到jquery來操作dom元素,比如為按鈕新增事件係結等,如果新增了事件系結,如何移除系結的事件?很簡單的,下面我們來看一下。

1

我們先在html裡新增一個按鈕。


2

然後使用jquery來為按鈕新增上click的點選事件。


3

要刪除新增的事件,我們使用jquery的unbind方法來移除事件就行了,在程式碼裡加上:unbind()的方法呼叫。


4

當然上方的把按鈕的所有事件都移除了,如果你的按鈕上系結了多個事件,比如click事件,mouseover事件等 ,我們只要移除點選事件,則可以在方法的第一個引數上,寫上要移除的是「click」。


5

執行頁面,我們在點選頁面上的按鈕。


6

點選後,可以看到彈出了alert框,表示新增事件了。


7

當我們關閉掉彈出框,再點選按鈕時,會發現不再彈出提示框了,因為事件已經被移除了。



IT145.com E-mail:sddin#qq.com