關於js中的事件監聽大家用的比較多了，無非是判斷瀏覽器是否支持addEventListener和attachEvent，網上搜索關於事件監聽的方法也挺多，但是總有些不是很完善。下面的方法中對於添加事件監聽的方法是一樣的，只不過在取消事件綁定上面做了點手術，現在可以支持匿名函數的使用，所以在綁定事件的時候不再需要給函數單獨命名了。
主要代碼：
複製代碼代碼如下:
/*綁定事件與取消綁定*/
var handleHash = {};
var bind = (function() {
if (window.addEventListener) {
return function(el, type, fn, capture) {
el.addEventListener(type, function(){
fn();
handleHash[type] = handleHash[type] || [];
handleHash[type].push(arguments.callee);
}, capture);
};
} else if (window.attachEvent) {
return function(el, type, fn, capture) {
el.attachEvent("on" + type, function(){
fn();
handleHash[type] = handleHash[type] || [];
handleHash[type].push(arguments.callee);
});
};
}
})();
var unbind = (function(){
if (window.addEventListener) {
return function(el, type ) {
if(handleHash[type]){
var i = 0, len = handleHash[type].length;
for (i; i<len ; i += 1){
el.removeEventListener(type, handleHash[type][i]);
}
};
};
} else if (window.attachEvent) {
return function(el, type) {
if(handleHash[type]){
var i = 0, len = handleHash[type].length;
for (i; i<len ; i += 1){
el.detachEvent("on" + type, handleHash[type][i]);
}
};
};
}
})();
原理解析：
handleHash做哈希表緩存事件的function，handleHash['事件名稱']是一個數組，來添加多個事件監聽的方法，unbind哪個事件的時候遍歷handleHash['事件名稱']的數組，然後移除。
使用：
複製代碼代碼如下:
bind(obj,'click',function(){
alert ('click');
});
unbind(obj,'click');