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 相关文章推荐
解决遍历时Array.indexOf产生的性能问题
Jul 03 Javascript
JQuery中form验证出错信息的查看方法
Oct 08 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
Sep 19 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
解析Json字符串的三种方法日常常用
May 02 Javascript
Angular封装搜索框组件操作示例
Apr 25 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
优化Vue项目编译文件大小的方法步骤
May 27 Javascript
微信小程序 授权登录详解(附完整源码)
Aug 23 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 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
S900/ ETON E1-XM 收音机
2021/03/02 无线电
生成php程序的php代码
2008/04/07 PHP
初次接触php抽象工厂模式(Elgg)
2010/03/21 PHP
一个典型的PHP分页实例代码分享
2011/07/28 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
Yii2增加验证码步骤详解
2016/04/25 PHP
php中使用websocket详解
2016/09/23 PHP
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
2007/08/13 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
TypeScript具有的几个不同特质
2015/04/07 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
js中实现继承的五种方法
2021/01/25 Javascript
python判断完全平方数的方法
2018/11/13 Python
基于python3实现倒叙字符串
2020/02/18 Python
Python装饰器用法与知识点小结
2020/03/09 Python
浅谈Python中的继承
2020/06/19 Python
Python3使用 GitLab API 进行批量合并分支
2020/10/15 Python
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
为什么要做架构设计
2015/07/08 面试题
业务代表的岗位职责
2013/11/16 职场文书
秘书专业自荐信范文
2013/12/26 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
租房协议书范例
2014/10/14 职场文书
2014年班组长工作总结
2014/11/20 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
HTML速写之Emmet语法规则的实现
2021/04/07 HTML / CSS
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android