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 相关文章推荐
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
JavaScript实现自动变换表格边框颜色
May 08 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
May 10 Javascript
常用jQuery选择器汇总
Feb 02 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
parabola.js抛物线与加入购物车效果的示例代码
Oct 25 Javascript
vue页面切换到滚动页面显示顶部的实例
Mar 13 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
Vue获取微博授权URL代码实例
Nov 04 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
永不消失的title提示代码
2007/02/15 Javascript
JavaScript 函数式编程的原理
2009/10/16 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
AngularJS中table表格基本操作示例
2017/10/10 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
2019/04/18 Javascript
JS面向对象编程实现的拖拽功能案例详解
2020/03/03 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
2020/11/12 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
python编码总结(编码类型、格式、转码)
2016/07/01 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
Python ORM编程基础示例
2020/02/02 Python
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
中国第一家杂志折扣订阅网:杂志铺
2016/08/30 全球购物
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
super()与this()的区别
2016/01/17 面试题
成人毕业生自我鉴定
2013/10/18 职场文书
公司员工检讨书
2014/02/08 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
员工入职担保书范文
2014/04/01 职场文书
计算机实训报告范文
2014/11/05 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
ConditionalOnProperty配置swagger不生效问题及解决
2022/06/14 Java/Android