javascript循环变量注册dom事件 之强大的闭包


Posted in Javascript onSeptember 08, 2010

今天遇到了这个问题:

//伪代码 
for (var i=0; i<n; i++) { 
addEvent(obj[i], "click", func(i)); 
}

结果出现了问题,所有的dom都被注册了 i=n 的时候的事件,查了一些资料,说是在循环过程过this被改变,注册过的事件也被随之改变,找到了一种解决方法;
for (var i=0; i<n; i++) { 
(function (i){addEvent(obj[i], "click", function (){func(i);});})(i); 
}

利用必包保持对变量的持久引用,很强大的说!
(如果您有更好的方法,请不吝赐教(*^__^*) 嘻嘻……)
Javascript 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
js查找父节点的简单方法
Jun 28 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
关于redux-saga中take使用方法详解
Feb 27 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
原生js实现公告滚动效果
Jan 10 Javascript
Node.js动手撸一个静态资源服务器的方法
Mar 09 Javascript
node.js中事件触发器events的使用方法实例分析
Nov 23 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 Javascript
Javascript的一种模块模式
Sep 08 #Javascript
jQeury淡入淡出需要注意的问题
Sep 08 #Javascript
jQuery之浮动窗口实现代码(两种方法)
Sep 08 #Javascript
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 #Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 #Javascript
jquery的Theme和Theme Switcher使用小结
Sep 08 #Javascript
复制小说文本时出现的随机乱码的去除方法
Sep 07 #Javascript
You might like
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
JQuery 获取Dom元素的实例讲解
2017/07/08 jQuery
javascript将list转换成树状结构的实例
2017/09/08 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
微信小程序实现简单文字跑马灯
2020/05/26 Javascript
vue实现列表拖拽排序的功能
2020/11/02 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
17个Python小技巧分享
2015/01/23 Python
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
python直接访问私有属性的简单方法
2016/07/25 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
对YOLOv3模型调用时候的python接口详解
2019/08/26 Python
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
微软加拿大官方网站:Microsoft Canada
2019/04/28 全球购物
我的网上商城创业计划书
2013/12/26 职场文书
机电一体化职业规划书
2014/01/07 职场文书
父亲八十大寿答谢词
2014/01/23 职场文书
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
学校办公室主任岗位职责
2015/04/01 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
让生命充满爱观后感
2015/06/08 职场文书
小学运动会加油稿
2015/07/22 职场文书
被委托人身份证明
2015/08/07 职场文书
创业计划书之游泳馆
2019/09/16 职场文书
Java新手教程之ArrayList的基本使用
2021/06/20 Java/Android
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android