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 相关文章推荐
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
jQuery实现个性翻牌效果导航菜单的方法
Mar 09 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
原生js实现移动端瀑布流式代码示例
Dec 18 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
vue-router的HTML5 History 模式设置
Sep 08 Javascript
Vuex的初探与实战小结
Nov 26 Javascript
vue多次循环操作示例
Feb 08 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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
PHP 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
百度站点地图(百度sitemap)生成方法分享
2014/01/09 PHP
基于linnux+phantomjs实现生成图片格式的网页快照
2015/04/15 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
Webpack 之 babel-loader文件预处理器详解
2018/03/23 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
python实现的udp协议Server和Client代码实例
2014/06/04 Python
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
python利用微信公众号实现报警功能
2018/06/10 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
Python 实现域名解析为ip的方法
2019/02/14 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
八年级语文教学反思
2014/02/11 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
佛光寺导游词
2015/02/10 职场文书
教师反邪教心得体会
2016/01/15 职场文书
诚信高考倡议书
2019/06/24 职场文书
Python first-order-model实现让照片动起来
2022/06/25 Python