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高級教程】