事件的解除与绑定

1. 事件绑定

代码

//通用事件绑定函数
function commonAddEvent(obj, event, func) {
if (obj.attachEvent) {
//IE
obj.attachEvent("on" + event, func);
} else {
//FF
obj.addEventListener(event, func, false);
}
}

2. 事件解除

代码

//通用事件解除函数
function commonDelEvent(obj, event, func) {
if (obj.detachEvent) {
//IE
obj.detachEvent("on" + event, func);
} else {
//FF
obj.removeEventListener(event, func, false);
}
}

3. 绑定匿名函数，无法删除

代码

window.onload = function() {
var oBtn = document.getElementById("btn1");

oBtn.attachEvent("onclick", function() {
alert("a");
});

//虽然两个函数内容相同，但是并不是同一个对象，所以无法解除
oBtn.detachEvent("onclick", function() {
alert("a");
});

var func = function() {
alert("a");
};

oBtn.attachEvent("onclick", func);
//同一个变量，代表同一个对象，可以解除
oBtn.detachEvent("onclick", func);
};