javascript循环变量注册dom事件 之强大的闭包
更新时间：2010年09月08日 11:26:07 作者：
是在循环过程过this被改变，注册过的事件也被随之改变，找到了一种解决方法
今天遇到了这个问题：
//伪代码
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);
}
利用必包保持对变量的持久引用，很强大的说！
(如果您有更好的方法，请不吝赐教(*^__^*) 嘻嘻……)
复制代码 代码如下:
//伪代码
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 DOM事件操作小结(监听鼠标点击、释放，悬停、离开等)
- JavaScript DOM事件(笔记)
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
- 关于javascript DOM事件模型的两件事
- 谈谈我对JavaScript DOM事件的理解
- 深入理解JS DOM事件机制
- 理解javascript中DOM事件
- js中DOM事件绑定分析
- js实现QQ面板拖拽效果（慕课网DOM事件探秘）（全）
- JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
- js DOM的事件常见操作实例详解
相关文章
分割字符串成数组的方法有很多，不过使用最多的还是split函数，接下来为大家介绍下它的具体使用方法，感兴趣的朋友可以参考下2013-09-09
这篇文章主要介绍了Javascript操作select控件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
这篇文章主要介绍了JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法,涉及javascript dom模型及事件响应相关操作技巧,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了你可能从未使用过的11+个JavaScript特性(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
在项目中遇到一个问题，需要在JS中读取数据库中的值，然后再把值返回到页面中，解决方案如下:使用Ajax方法来实现，需要用到ajax.dll（一个ajax技术开发的帮助类库）。2013-07-07
Javascript基于对象三大特性（封装性、继承性、多态性）
这篇文章主要介绍了Javascript基于对象三大特性，包括封装性、继承性、多态性，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要为大家详细介绍了Javascript实现简易天数计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
本系列的开篇文章我们一起探讨了jQuery如何开发插件，今天这篇文章，我们来继续插件开发之旅，希望大家能够喜欢。2015-01-01
Javascript 更新 JavaScript 数组的 uniq 方法
2008-01-01
这篇文章主要介绍了javascript的惯性运动实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
最新评论