事件解绑

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

解绑事件:

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

    my('btn').onclick = function () { console.log(('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);
      };
    
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容