首頁 >web前端 >js教程 >javascript如何取消選取事件

javascript如何取消選取事件

王林
王林原創
2021-11-10 14:24:404642瀏覽

javascript取消選取事件的方法:可以透過刪除事件處理程序來實現取消選取事件,例如【btn.onclick = null;】。

javascript如何取消選取事件

本文操作環境:windows10系統、javascript 1.8.5、thinkpad t480電腦。

事件處理程序分為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