事件綁定的方式

1) ele.onXXX = function(event) {}this 指向 dom 2) ele.addEventListener(type, fn, false);一個事件可以綁定多個函數(shù)this 指向 dom 3) ele.attachEvent('on'+type, fn);this 指向 window（更改方法如下：） 復(fù)制代碼 var div = document.getElementsByTagName('div')[0]; div.attachEvent('onclick', function(){handle.call(div); }); function handle(){//事件處理函數(shù) } 復(fù)制代碼

封裝兼容性的事件綁定方法

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;} } 復(fù)制代碼

解除事件綁定

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); 復(fù)制代碼

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

若綁定匿名函數(shù)，則無法解除。

總結(jié)

以上是生活随笔為你收集整理的事件绑定及解除事件绑定的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。