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 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
javascript 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
Mac系统下Webstorm快捷键整理大全
May 28 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
Sep 15 Javascript
关于vue状态过渡transition不起作用的原因解决
Apr 09 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 Javascript
开发Node CLI构建微信小程序脚手架的示例
Mar 27 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 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
让你同时上传 1000 个文件 (一)
2006/10/09 PHP
php Undefined index和Undefined variable的解决方法
2008/03/27 PHP
PHP eval函数使用介绍
2013/12/08 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP实现的DES加密解密封装类完整实例
2017/04/29 PHP
原生javascript获取元素样式属性值的方法
2010/12/25 Javascript
文本框根据输入内容自适应高度的代码
2011/10/24 Javascript
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
js点击文本框弹出可选择的checkbox复选框
2016/02/03 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
2018/09/13 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
node解析修改nginx配置文件操作实例分析
2019/11/06 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
Random 在 Python 中的使用方法
2018/08/09 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
python文件编写好后如何实践
2020/07/07 Python
python如何支持并发方法详解
2020/07/25 Python
python 监控服务器是否有人远程登录(详细思路+代码)
2020/12/18 Python
HTML5 3D衣服摇摆动画特效
2016/03/17 HTML / CSS
研发工程师的岗位职责
2013/11/18 职场文书
优秀员工演讲稿
2014/05/19 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
建党伟业的观后感
2015/06/01 职场文书
《法国号》教学反思
2016/02/22 职场文书