javascript取消點擊事件的方法:如果是使用onclick方式綁定的事件,那麼可以刪除事件處理程序,從而實現取消點擊事件,如【btn.onclick=null;】。
本文操作環境:windows10系統、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怎麼取消點擊事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!