用什么方式绑定事件,就用对应的方式解绑事件
一、
对象.on事件名字 = 事件处理函数;---->绑定事件
对象.on事件名字 = null; ----->解绑
<input type="button" value="绑定" id="btn">
<input type="button" value="解除绑定" id="btn2">
my$("btn").onclick = function () {
console.log("akak");
};
my$("btn2").onclick = function () {
my$("btn").onclick = null;
};
二、
对象.addEventListener(“没有on的事件类型”,命名函数,false);
对象.removeEventListener(“没有on的事件类型”,命名函数,false);
function f1() {
console.log("我是f1");
}
function f2() {
console.log("我是f2");
}
my$("btn").addEventListener("click", f1, false);
my$("btn").addEventListener("click", f2, false);
my$("btn2").onclick = function () {
//必须是命名函数
my$("btn").removeEventListener("click", f1, false);
};
三、
对象.attachEvent(“on事件类型”,命名函数);
对象.detachEvent(“on事件类型”,命名函数);
function f1() {
console.log("我是f1");
}
function f2() {
console.log("我是f2");
}
my$("btn").attachEvent("onclick",f1);
my$("btn").attachEvent("onclick",f2);
my$("btn2").onclick = function () {
my$("btn").detachEvent("onclick",f1);
};