绑定事件及解绑事件

最新推荐文章于 2022-10-20 17:41:22 发布

weixin_42440322

最新推荐文章于 2022-10-20 17:41:22 发布

阅读量283

点赞数

CC 4.0 BY-SA版权

文章标签：绑定事件就解绑事件

本文链接：https://blog.youkuaiyun.com/weixin_42440322/article/details/90111779

注意：用什么方式绑定的，就必须用什么方式解绑；
 //为按钮取消点击事件，方式1
my$("btn").onclick=function () {
    console.log("诱惑");
}
my$("btn2").onclick=function () {
    my$("btn").onclick=null;
}

//为按钮解绑方式2----适合火狐和谷歌以及IE11，不适合IE8
 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",f2,false);//解绑方法
}

//IE8专用绑定及解绑方式
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",f2);
}

//绑定事件的兼容代码
function addEventListener(element,type,fn){
    if(element.addEventListener()){
        element.addEventListener(type,fn,false);
    }if(element.attachEvent){
        element.attachEvent(type,fn);
    }else{
        element["on"+type]=fn;
    }
}
//解绑事件的兼容代码
function removeEventListener(element,type,fnName){
    if(element.removeEventListener()){
        element.removeEventListener(type,fnName,false);
    }if(element.detachEvent){
        element.detachEvent(type,fnName);
    }else{
        element["on"+type]=null;
    }
}