解決jQuery多個事件處理函式執行的現象

螞蟻小編發表於2017-03-25

本章節介紹一種比較常見的現象,就拿click事件來講,可能點選一個按鈕會出現多個事件處理函式執行的現象。下面介紹一下出現此種現象的一個常見的原因,看如下程式碼:

[JavaScript] 純文字檢視 複製程式碼
$("#antzone").on("click",function(e){
  //code
});

上面的程式碼是給元素再新增一個click事件處理函式,是在原有基礎上追加。

所以需要先刪除原來的事件處理函式,再新增新的就沒有這種問題了,程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$("#antzone").unbind("click").click("click",function(e){
  //code
});

相關文章