JS---DOM---为元素解绑事件

解绑事件

注意:用什么方式绑定事件, 就应该用对应的方式解绑事件

1.解绑事件

对象.on事件名字=事件处理函数--->绑定事件

对象.on事件名字=null;

 

    //1 对象.on事件名字=事件处理函数----绑定事件
    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.解绑事件 (IE8才可以用)

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

对象.detachEvent("on事件类型",函数名字);

(attachEvent 谷歌火狐不支持,IE11不支持,IE8支持)

    //IE8里用attachEvent
    function f1() {
      console.log("第一个");
    }

    function f2() {
      console.log("第二个");
    }

    my$("btn").attachEvent("onclick", f1);
    my$("btn").attachEvent("onclick", f2);