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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
微信小程序商城项目之淘宝分类入口(2)
Apr 17 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 Javascript
Vue发布订阅模式实现过程图解
Apr 30 Javascript
Vue项目打包、合并及压缩优化网页响应速度
Jul 07 Vue.js
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框架中日志的使用方法分析
2017/05/22 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
javascript闭包的高级使用方法实例
2013/07/04 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
完善的jquery处理机制
2016/02/21 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
2018/09/16 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
Python 基础教程之包和类的用法
2017/02/23 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
Django使用httpresponse返回用户头像实例代码
2018/01/26 Python
Python实现的读取电脑硬件信息功能示例
2018/05/30 Python
Python Requests库基本用法示例
2018/08/20 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
CSS3的新特性介绍
2008/10/31 HTML / CSS
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
Elemental Herbology官网:英国美容品牌
2019/04/27 全球购物
求职信内容怎么写
2014/05/26 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python
python中os.path.join()函数实例用法
2021/05/26 Python
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
React 高阶组件HOC用法归纳
2021/06/13 Javascript