为元素解绑事件

注意:用什么方式绑定事件,就应该用对应的方式解绑事件
* 1.解绑事件
* 对象.on事件名字=事件处理函数--->绑定事件
* 对象.on事件名字=null;

my$("btn").onclick=function () {
console.log("我是绑定事件");
};
my$("btn2").onclick=function () {
//1.解绑事件
my$("btn").onclick=null;
};


* 2.解绑事件
* 对象.addEventListener("没有on的事件类型",命名函数,false);---绑定事件 

* 对象.removeEventListener("没有on的事件类型",函数名字,false);

function f1() {
console.log("第一个");
}
function f2() {
console.log("第二个");
}
my$("btn").addEventListener("click",f1,false);
my$("btn").addEventListener("click",f2,false);

//点击第二个按钮把第一个按钮的第一个点击事件解绑
my$("btn2").onclick=function () {
//解绑事件的时候,需要在绑定事件的时候,使用命名函数
my$("btn").removeEventListener("click",f1,false);
};


* 3.解绑事件
* 对象.attachEvent("on事件类型",命名函数);---绑定事件
* 对象.detachEvent("on事件类型",函数名字);

function f1() {
console.log("第一个");
}
function f2() {
console.log("第二个");
}
//my$("btn").attachEvent("onclick",f1);
//my$("btn").attachEvent("onclick",f2);

my$("btn2").onclick=function () {
my$("btn").detachEvent("onclick",f1);
};

猜你喜欢

转载自www.cnblogs.com/xiamo628/p/10177577.html