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 代码集(学习js的朋友可以看下)
Jul 22 Javascript
将jQuery应用于login页面的问题及解决
Oct 17 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
javascript用函数实现对象的方法
May 14 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
vue实现动态显示与隐藏底部导航的方法分析
Feb 11 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
微信小程序批量上传图片到七牛(推荐)
Dec 19 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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
Yii2语言国际化自动配置详解
2018/08/22 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
2019/10/12 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
js 定义对象数组(结合)多维数组方法
2016/07/27 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
JavaScript实现的选择排序算法实例分析
2017/04/14 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
Vue官网todoMVC示例代码
2018/01/29 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
python进阶教程之循环相关函数range、enumerate、zip
2014/08/30 Python
跟老齐学Python之编写类之三子类
2014/10/11 Python
python递归计算N!的方法
2015/05/05 Python
python3.x实现发送邮件功能
2018/05/22 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
python中利用numpy.array()实现俩个数值列表的对应相加方法
2019/08/26 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
青年创业培训欢迎词
2014/01/08 职场文书
询价采购方案
2014/06/09 职场文书
班级学雷锋活动总结
2014/06/26 职场文书
公积金贷款承诺书
2015/04/30 职场文书
交通事故被告代理词
2015/05/23 职场文书
唐山大地震的观后感
2015/06/05 职场文书
生死抉择观后感
2015/06/09 职场文书
情况说明书怎么写
2015/10/08 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL