• 技术文章 >web前端 >js教程

    javascript 传统事件模型构造的事件监听器实现代码_javascript技巧

    2016-05-16 18:26:05原创531
    代码如下:
    复制代码 代码如下:

    var br={};
    br.eventRouter = {};
    br.eventRouter.addListen = function(el,eventType,func){
    if(!el.eventObjs){
    el.eventObjs = {};
    }
    if(!el.eventObjs[eventType]){
    el.eventObjs[eventType]=[];
    br.eventRouter.bindListen(el,eventType);
    }
    el.eventObjs[eventType].push(func);
    };
    br.eventRouter.removeListen = function(el,eventType,func){
    if(el.eventObjs && el.eventObjs[eventType]){
    for(var i=0,len=el.eventObjs[eventType].length;ivar item = el.eventObjs[eventType][i];
    if(func==item){
    el.eventObjs[eventType].splice(i,1);
    return true;
    }
    }
    }
    return false;
    };
    br.eventRouter.bindListen = function(el,eventType){
    if(el.eventObjs && el.eventObjs[eventType]){
    el[eventType] = function(e){
    for(var i=0,len=el.eventObjs[eventType].length;ivar f = el.eventObjs[eventType][i];
    f.call(el,e);
    }
    };
    }
    };

    代码比较简单,不做过多解释。也希望有兴趣的同学给出bug。
    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:js 表格排序(编辑+拖拽+缩放)_javascript技巧 下一篇:javascript 判断数组是否已包含了某个元素的函数_javascript技巧
    大前端线上培训班

    相关文章推荐

    • javascript暂停功能如何实现• javascript怎么设置字体大小• javascript object怎么转json• 手把手教你使用工具切换 node 版本• javascript如何获取当前方法名

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网