javascript怎么解除綁定事件

小編給大家分享一下javascript怎么解除綁定事件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

方法：1、使用“對象名.onclick=null”語句；2、使用“對象名.removeEventListener(type,function(){},false)”語句；3、使用“對象.detachEvent(類型,名稱)”語句。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

封裝一個兼容性事件綁定方法 應(yīng)需求有時候事件綁定觸發(fā)后就要接觸事件。

解除事件綁定方法：

1、onclick解除

 element.onclick = false/''/null

實例

<p></p>
 var p = document.getElementByTagName("p")[0]; 
    p.onclick = function () {
    console.log("a");
    p.onclick = null; 
}

2、解除addEventListener(type,function(){},false)，

使用remove解除

解除addEventListener(type,function(){},false)，必須事件類型、函數(shù)、false一一對應(yīng)

錯誤的解除方式

var p = document.getElementByTagName("p");
p.addEventListener('click',function(){
    console.log("a");
},false)
p.removeEventListener(type,（function(){console.log("a");}）,false)

這種情況是解除不了的

正確的解除方式

function test(){
    console.log("a");
}
p.addEventListener('click',test,false);
p.removeEventListener('click',test,false);

3、解除attachEvent('on'+ type,function(){})，用 detachEvent('on'+type,function(){})解除

function test(){}
obj.attachEvent('on'+ type,test);
obj.detachEvent('on'+type,test)

以上是“javascript怎么解除綁定事件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！