javascript 传统事件模型构造的事件监听器实现代码
更新时间：2010年05月31日 20:06:25 作者：
最近做东西需要添加大量的事件，而且要对所有事件进行比较细致的控制，于是便试着写了个事件监听器。
代码如下：
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。
复制代码 代码如下:
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实现一个页面加载进度loading的具体步骤以及示例代码，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
这篇文章主要介绍了JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同的相关资料,需要的朋友可以参考下2015-11-11
在JavaScript中,几乎每一个值都是某种特定类型的对象,于是ES6也着重提升了对象的功能性,下面这篇文章主要给大家介绍了关于es6新增对象实用方法的相关资料,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了JavaScript实现梯形乘法表的方法,涉及基本javascript结合表格操作的技巧,需要的朋友可以参考下2015-04-04
这篇文章主要给大家介绍了关于微信小程序请求前置的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要为大家详细介绍了微信小程序上传图片实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
这篇文章主要介绍了JavaScript闭包函数访问外部变量的方法,本文使用匿名函数来实现在闭包中访问外部变量,需要的朋友可以参考下2014-08-08
《javascript设计模式》学习笔记二：Javascript面向对象程序设计继承用法分析
这篇文章主要介绍了Javascript面向对象程序设计继承用法,结合实例形式分析了《javascript设计模式》中JavaScript面向对象程序设计继承相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要为大家详细介绍了js制作轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这里给大家整理的是本人上个项目中所用到的js方法，都是些非常常用的javascript方法，相信小伙伴们也能经常用到，这里整理出来分享给大家。2015-01-01
最新评论