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 常用方法基础教程
Feb 06 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
Jul 13 Javascript
jQuery提交多个表单的小技巧
Jul 27 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
Jul 09 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 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
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
php 中文和编码判断代码
2010/05/16 PHP
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
php中cookie实现二级域名可访问操作的方法
2014/11/11 PHP
php给图片添加文字水印方法汇总
2015/08/27 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
PHP常用日期加减计算方法实例小结
2018/07/31 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
AngularJS控制器controller正确的通信的方法
2016/01/25 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
js style.display=block显示布局错乱问题的解决方法
2016/09/21 Javascript
学习Node.js模块机制
2016/10/17 Javascript
angular中的cookie读写方法
2017/08/02 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
Angularjs过滤器实现动态搜索与排序功能示例
2017/12/13 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
2019/10/21 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
python中的内置函数getattr()介绍及示例
2014/07/20 Python
Python基于回溯法解决01背包问题实例
2017/12/06 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
详解如何修改jupyter notebook的默认目录和默认浏览器
2021/01/24 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
仓库组长岗位职责
2014/01/29 职场文书
销售总经理岗位职责
2014/03/15 职场文书
舞蹈专业求职信
2014/06/13 职场文书
安全隐患整改报告
2014/11/06 职场文书
文明班级申报材料
2014/12/24 职场文书
办公室主任岗位职责
2015/01/31 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
Python中三种花式打印的示例详解
2022/03/19 Python