首頁 > web前端 > js教程 > 主體

javascript怎麼取消點擊事件

王林
發布: 2021-10-25 15:40:35
原創
8630 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板