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 相关文章推荐
一些有关检查数据的JS代码
Sep 07 Javascript
在JavaScript中使用inline函数的问题
Mar 08 Javascript
js通过八个点 拖动改变div大小的实现方法
Mar 05 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
微信小程序 循环及嵌套循环的使用总结
Sep 26 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
Aug 08 Javascript
详解一个基于套接字实现长连接的express
Mar 28 Javascript
vue+element+Java实现批量删除功能
Apr 08 Javascript
微信小程序websocket实现即时聊天功能
May 21 Javascript
微信小程序实现星级评价
Nov 20 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
缅甸的咖啡简史
2021/03/04 咖啡文化
PHP 编写大型网站问题集
2010/05/07 PHP
thinkphp数据查询和遍历数组实例
2014/11/28 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
javaScript call 函数的用法说明
2010/04/09 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
2011/04/07 Javascript
javascript实现炫酷的拖动分页
2015/05/11 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
js获取新浪天气接口的实现代码
2016/06/06 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
JS实现微信弹出搜索框 多条件查询功能
2016/12/13 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
微信小程序报错:this.setData is not a function的解决办法
2017/09/27 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
Python中文字符串截取问题
2015/06/15 Python
python PyTorch预训练示例
2018/02/11 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
Django中的用户身份验证示例详解
2019/08/07 Python
python 密码学示例——凯撒密码的实现
2020/09/21 Python
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
美国最大的珠宝商之一:Littman Jewelers
2016/11/13 全球购物
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
最新自我评价范文
2013/11/16 职场文书
施工单位安全责任书
2014/07/24 职场文书
元旦趣味活动方案
2014/08/22 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书