事件解绑

用什么方式绑定事件就应该用什么方式解绑事件

解绑事件:

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

    my('btn2').onclick = function () {
    my$('btn').onclick = null;
    }

  • 对象.addEventListener("没有on的事件类型",命名函数,false);---绑定事件
    对象.removeEventListener("没有on的事件类型",函数名字,false);

    function f1() {
    console.log("first")
    }
    function f2(){
    console.log("second")
    }

      my$('btn').addEventListener('click',f1,false);
      my$('btn').addEventListener('click',f2,false);
    
      //点击第二个按钮把第一个按钮的第一个点击事件解绑
      my$('btn2').onclick = function () {
          ////解绑事件的时候,需要在绑定事件的时候,使用命名函数
          my$('btn').removeEventListener("click",f1,false)
      }
    
  • 对象.attachEvent("on事件类型",命名函数);---绑定事件
    对象.detachEvent("on事件类型",函数名字);

    function f1() {
    console.log("first")
    }
    function f2(){
    console.log("second")
    }

      my$('btn').atttachEvent('onclick',f1);
      my$('btn').atttachEvent('onclick',f2);
    
      my$('btn2').onclick = function () {
          my$('btn').detachEvent('onclick',f1);
      };
    

你可能感兴趣的:(事件解绑)