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 相关文章推荐
Sample script that deletes a SQL Server database
Jun 16 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
Nov 10 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
Apr 24 Javascript
值得分享和收藏的Bootstrap学习教程
May 12 Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
koa router 多文件引入的方法示例
May 22 Javascript
js实现随机div颜色位置 类似满天星效果
Oct 24 Javascript
Angular之jwt令牌身份验证的实现
Feb 14 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/03 咖啡文化
跟我学小偷程序之成功偷取首页(第三天)
2006/10/09 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
php+html5实现无刷新图片上传教程
2016/01/22 PHP
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
jQuery多级弹出菜单插件ZoneMenu
2014/12/18 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
2018/04/13 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
Flask解决跨域的问题示例代码
2018/02/12 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
学Python 3的理由和必要性
2019/11/19 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
Idea安装python显示无SDK问题解决方案
2020/08/12 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
ghd澳大利亚官方网站:英国最受欢迎的美发工具品牌
2018/05/21 全球购物
教学个人的自我评价分享
2014/02/16 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
初中物理教学反思
2016/02/19 职场文书
个人向公司借款协议书
2016/03/19 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书
PyQt5实现多张图片显示并滚动
2021/06/11 Python