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 相关文章推荐
Jquery 滑入滑出效果实现代码
Mar 27 Javascript
javascript动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
js读取注册表的键值示例
Sep 25 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
仿百度联盟对联广告实现代码
Aug 30 Javascript
js实现背景图片感应鼠标变化的方法
Feb 28 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 Javascript
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 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
PHP5 安装方法
2007/01/15 PHP
js下函数般调用正则的方法附代码
2008/06/22 PHP
Symfony2联合查询实现方法
2016/03/18 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
Jquery submit()无法提交问题
2013/04/21 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
2016/05/24 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
axios发送post请求springMVC接收不到参数的解决方法
2018/03/05 Javascript
vue axios 在页面切换时中断请求方法 ajax
2018/03/05 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
2018/12/06 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
[03:48]显微镜下的DOTA2第四期——TP动作
2014/06/20 DOTA
python交互式图形编程实例(一)
2017/11/17 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
Python常见的pandas用法demo示例
2019/03/16 Python
python实现名片管理器的示例代码
2019/12/17 Python
Python合并2个字典成1个新字典的方法(9种)
2019/12/19 Python
css3媒体查询中device-width和width的区别详解
2020/03/27 HTML / CSS
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
大学校运会广播稿
2014/02/03 职场文书
地震捐款倡议书
2014/08/29 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
深入理解pytorch库的dockerfile
2022/06/10 Python