为元素解绑事件

2018-12-27 07:42:33来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:三级联动

下一篇:vue-cli 3.x 开发插件并发布到 npm