首頁 >web前端 >js教程 >javascript怎麼取消點擊事件

javascript怎麼取消點擊事件

王林
王林原創
2021-10-25 15:40:358670瀏覽

javascript取消點擊事件的方法:如果是使用onclick方式綁定的事件,那麼可以刪除事件處理程序,從而實現取消點擊事件,如【btn.onclick=null;】。

javascript怎麼取消點擊事件

本文操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn