JQ事件委托導致點擊事件多次執行問題


起因:最近寫網頁其中一個模塊使用tab切換~每一個tab里都有點擊按鈕提交事件,剛開始點擊提交只執行一次,但是只要我tab切換頁面又切換回來該頁面,再點擊該按鈕,我切換了多少次頁面,代碼提交也會提交很多次;

原因:后來找了一下原因,得知是因為JQ事件委托導致點擊事件多次執行的(事件委托是指:利用事件冒泡,指定一個事件處理程序來管理某一類型的所有事件),雖然我頁面切換了,但是事件問題還在,所以才會點擊一次執行多次;

解決方法:使用off()函數移除之前添加的事件處理程序,就能解決該問題。

eg:

$(document).off().on('click','.recharge  button',function(){

  //所執行的代碼

});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM