javascript 传统事件模型构造的事件监听器实现代码_Javascript教程-查字典教程网
javascript 传统事件模型构造的事件监听器实现代码
javascript 传统事件模型构造的事件监听器实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:代码如下:复制代码代码如下:varbr={};br.eventRouter={};br.eventRouter.addListen=func...

代码如下:

复制代码 代码如下:

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;i<len;i++){

var 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;i<len;i++){

var f = el.eventObjs[eventType][i];

f.call(el,e);

}

};

}

};

代码比较简单,不做过多解释。也希望有兴趣的同学给出bug。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类