javascript如何解除綁定事件

方法：1、使用「物件名稱.onclick=null」語句；2、使用「物件名稱.removeEventListener(type,function(){},false)」語句；3、使用「物件.detachEvent (類型,名稱)」語句。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

封裝一個相容性事件綁定方法 應需求有時候事件綁定觸發後就要接觸事件。

解除事件綁定方法：

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)，必須事件類型、函數、false一一對應

錯誤的解除方式

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高階教學】

以上是javascript如何解除綁定事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！