JavaScript事件委托实例分析


Posted in Javascript onMay 26, 2015

本文实例讲述了JavaScript事件委托用法。分享给大家供大家参考。具体如下:

var addEvent = function (elem, eventType, func) {
 if ( elem.addEventListener )
  addEvent = function (elem, eventType, func) {
   elem.addEventListener(eventType, func, false);
  };
 else if ( elem.attachEvent )
  addEvent = function (elem, eventType, func) {
   elem.attachEvent('on' + eventType, func);
  };
 addEvent(elem, eventType, func);
};
var delegateEvent = function (elem, childElems, eventType, func, args) {
 addEvent(elem, eventType, function (e) {
  var evt = e || window.event;
  var elem = evt.target || evt.srcElement;
  if ( elem.nodeName.toLowerCase() == childElems.toLowerCase() ) {
   func(elem, args);
  }
 });
};

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Div自动滚动到末尾的代码
Oct 26 Javascript
isArray()函数(JavaScript中对象类型判断的几种方法)
Nov 26 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
Feb 13 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
Ajax使用原生态JS验证用户名是否存在
May 26 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
js 实现一些跨浏览器的事件方法详解及实例
Oct 27 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
如何基于js判断浏览器版本
Feb 20 Javascript
JavaScript实现淘宝商品图切换效果
Apr 29 Javascript
JQuery选择器、过滤器大整理
May 26 #Javascript
javascript字符串与数组转换汇总
May 26 #Javascript
javascript获取文档坐标和视口坐标
May 26 #Javascript
浅谈javascript事件取消和阻止冒泡
May 26 #Javascript
javascript事件冒泡和事件捕获详解
May 26 #Javascript
解析javascript中鼠标滚轮事件
May 26 #Javascript
JS中字符串trim()使用示例
May 26 #Javascript
You might like
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
php中取得URL的根域名的代码
2011/03/23 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
彻底搞懂PHP 变量结构体
2017/10/11 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
Javascript实现的分页函数
2006/12/22 Javascript
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
2010/03/16 Javascript
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
js实现点击添加一个input节点
2014/12/05 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
js中获取 table节点各tr及td的内容简单实例
2016/10/14 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
vue-cli构建项目下使用微信分享功能
2018/05/28 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
解决layui数据表格table的横向滚动条显示问题
2019/09/04 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
2019/11/12 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
python用requests实现http请求代码实例
2019/10/31 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Python如何对齐字符串
2020/07/30 Python
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
后勤园长自我鉴定
2013/10/17 职场文书
校庆团日活动总结
2014/08/28 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
场地使用证明模板
2014/10/25 职场文书
2015年老干部工作总结
2015/04/23 职场文书
教师节老师寄语
2015/05/28 职场文书
企业培训简报范文
2015/07/20 职场文书
高效课堂教学反思
2016/02/24 职场文书
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python