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);