手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 传统事件模型构造的事件监听器实现代码
javascript 传统事件模型构造的事件监听器实现代码
摘要:代码如下:复制代码代码如下: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事件冒泡实例分析

javascript动态创建表格及添加数据实例详解

javascript元素动态创建实现方法

JavaScript 预解析的原理及实现

javascript实现table选中的行以指定颜色高亮显示

Javascript中With语句用法实例

JavaScript对传统文档对象模型的支持

javascript组合使用构造函数模式和原型模式实例

JavaScript模版引擎的基本实现方法浅析

javascript生成不重复的随机数

精品推荐
分类导航