欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

为元素解绑事件

程序员文章站 2022-03-24 13:43:01
注意:用什么方式绑定事件,就应该用对应的方式解绑事件 * 1.解绑事件 * 对象.on事件名字=事件处理函数 >绑定事件 * 对象.on事件名字=null; my$("btn").onclick=function () { console.log("我是绑定事件"); }; my$("btn2"). ......

注意:用什么方式绑定事件,就应该用对应的方式解绑事件
* 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);
};