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 的扩展方法总结
Oct 01 Javascript
javascript 实现简单的table排序及table操作练习
Dec 28 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
js微信分享API
Oct 11 Javascript
jQuery的ajax和遍历数组json实例代码
Aug 01 Javascript
javascript数组遍历的方法实例分析
Sep 13 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
Apr 15 Javascript
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
eslint+prettier统一代码风格的实现方法
Jul 22 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调用三种数据库的方法(1)
2006/10/09 PHP
Array.prototype 的泛型应用分析
2010/04/30 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
js拖拽功能实现代码解析
2016/11/28 Javascript
Javascript实现登录记住用户名和密码功能
2017/03/22 Javascript
JS去掉字符串中所有的逗号
2017/10/18 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
element-ui上传一张图片后隐藏上传按钮功能
2019/05/22 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
2020/12/15 Vue.js
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
Python函数的周期性执行实现方法
2016/08/13 Python
CentOS 6.5下安装Python 3.5.2(与Python2并存)
2017/06/05 Python
python实现周期方波信号频谱图
2018/07/21 Python
Python全排列操作实例分析
2018/07/24 Python
对pytorch网络层结构的数组化详解
2018/12/08 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
python笔记_将循环内容在一行输出的方法
2019/08/08 Python
tensorflow 变长序列存储实例
2020/01/20 Python
Python表达式的优先级详解
2020/02/18 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
美德少年事迹材料
2014/01/23 职场文书
公司任命书范本
2014/06/04 职场文书
工作证明格式范文
2015/06/15 职场文书
导游词之山海关
2019/12/10 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript
解决MySQL报“too many connections“错误
2022/04/19 MySQL