事件绑定及解除事件绑定

事件绑定的方式

1) ele.onXXX = function(event) {}this 指向 dom 2) ele.addEventListener(type, fn, false);一个事件可以绑定多个函数this 指向 dom 3) ele.attachEvent('on'+type, fn);this 指向 window（更改方法如下：） 复制代码 var div = document.getElementsByTagName('div')[0]; div.attachEvent('onclick', function(){handle.call(div); }); function handle(){//事件处理函数 } 复制代码

封装兼容性的事件绑定方法

function addEvent(elem, type, handle){if(elem.addEventListener){elem.addEventListener(type, handle, false);}else if(elem.attachEvent){elem.attachEvent('on'+type, function(){handle.call(elem);})}else{elem['on'+type] = handle;} } 复制代码

解除事件绑定

1) ele.onXXX = false/''/null;

2) ele.removeEventListener('click', test, false);

div.addEventListener('click', test, false); function test(){console.log('a'); } div.removeEventListener('click', test, false); 复制代码

3) ele.detachEvent('on' + type, fn);

若绑定匿名函数，则无法解除。

总结

以上是生活随笔为你收集整理的事件绑定及解除事件绑定的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。