這篇文章主要講解了“javascript如何取消點擊事件”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“javascript如何取消點擊事件”吧!
創(chuàng)新互聯始終堅持【策劃先行,效果至上】的經營理念,通過多達10多年累計超上千家客戶的網站建設總結了一套系統(tǒng)有效的全網整合營銷推廣解決方案,現已廣泛運用于各行各業(yè)的客戶,其中包括:成都純水機等企業(yè),備受客戶夸獎。
javascript取消點擊事件的方法:如果是使用onclick方式綁定的事件,那么可以刪除事件處理程序,從而實現取消點擊事件,如【btn.onclick=null;】。
本文操作環(huán)境:windows10系統(tǒng)、javascript 1.8.5、thinkpad t480電腦。
我們知道在javascript中事件分為DOM0級和DOM2級,如果是使用onclick方式綁定的事件,那么我們可以刪除事件處理程序,從而實現取消點擊事件。
btn.onclick=null;//刪除事件處理程序
如果使用addEventListener()方法添加事件,可以通過removeEventListener()移出事件,需要注意兩點:
1、removeEventListener()的第三個參數必須和addEventListener()方法的第三個參數一致。
2、通過addEventListener()方法添加的匿名函數將無法移除。
btn.aaddEventListener('click',function(){alert(1);},false); btn.removeEventListener('click',function(){alert(1);},false);//沒有用!
aaddEventListener和removeEventListener看似傳入了相同的參數,但實際上removeEventListener的第二個參數與aaddEventListener的第二個參數是完全不同的函數!
想要移出必須這樣:
var fn=function(){ alert(1); }; btn.aaddEventListener('click',fn,false); btn.removeEventListener('click',fn,false);//有效
感謝各位的閱讀,以上就是“javascript如何取消點擊事件”的內容了,經過本文的學習后,相信大家對javascript如何取消點擊事件這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯,小編將為大家推送更多相關知識點的文章,歡迎關注!