美文网首页
通用的事件监听函数

通用的事件监听函数

作者: Bookish倩宝 | 来源:发表于2016-09-05 11:29 被阅读0次
/*绑定事件与取消绑定*/
var handleHash ={};
var bind =(function(){
  if(window.addEventListener){
    return function(e1,type,fn,capture){
      e1.addEventListener(type,function() {
        fn();
        handleHash[type]=handleHash[type] ||[];
        handleHash[type].push(arguments.callee);
      },capture);
    };
  }else if(window.attachEvent){
    return function(e1,type,fn,capture) {
      e1.attachEvent("on"+type,function(){
        fn();
        handleHash[type]=handleHash[type] ||[];
        handleHash[type].push(arguments.callee);
      })
      
    }
  }
})();
var unbind =(fuction(){
  if(window.addEventListener){
    return funtion(e1,type){
      if(handleHash[type]){
        var i=0,len = handleHash[type].length;
        for(i;i<len;i+=1){
          e1.removeEventListener(type,handleHash[type][i]);
        }
      };
    };
  }else if(window.attachEvent){
    return function(e1,type){
      if(handleHash[type]){
        var i=0,len = handleHash[type].length;
        for(i;i<len;i+=1){
          e1.detachEvent("on"+type,handleHash[type][i]);
        }
      }
    }
  }
})();

相关文章

  • 封装一个通用的事件监听函数

    封装一个通用的事件监听函数,可实现普通的事件监听,也可实现事件委托(事件代理)

  • 通用的事件监听函数

  • JavaScript-总结篇之冒泡,代理,跨域

    编写一个通用的事件监听函数 描述事件冒泡流程 对于一个无限下拉加载图片的事件,如何给每个图片绑定事件 通用事件绑定...

  • 事件

    题目 编写一个通用的事件监听函数 描述事件冒泡的流程 无限下拉的图片列表,如何监听每个图片的点击? 知识点 事件绑...

  • 手写通用的事件监听函数

    前言 在问题前,需要先理解事件冒泡、事件代理 可参考文章【事件代理】 动态数据列表里,如何监听每条数据的点击? 具...

  • JS事件冒泡、事件捕获

    问题 1、编写一个通用的事件监听函数 2、描述事件冒泡流程 DOM树形结构 事件冒泡 阻止冒泡e.stopProp...

  • Web - API (事件,Ajax,存储)-面试题

    一、事件 1.编写一个通用的事件监听函数 2.事件冒泡流程 1)DOM树形结构 2)事件冒泡 3)阻止冒泡 4)冒...

  • 代理及通用的事件监听函数

    网页中执行任何一个功能,进行的任何一个操作,几乎都和事件有关 编写一个通用的事件监听函数 ↑↑↑ 以上是传统的添加...

  • 第六章 js-web-api 下

    6-1 事件 题目 1.编写一个通用的事件监听函数 2.描述事件冒泡流程dom树形结构事件冒泡阻止冒泡冒泡应用 3...

  • JS事件—事件模型

    监听函数 浏览器的事件模型,就是通过监听函数(listener)对事件做出反应。事件发生后,浏览器监听到了这个事件...

网友评论

      本文标题:通用的事件监听函数

      本文链接:https://www.haomeiwen.com/subject/vijrettx.html