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的事件常见操作实例详解
相关文章
这篇文章主要为大家整理了关于Bootstrap模态弹出框的慕课笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
身份证号码前六位所代表的省,市,区, 以及地区编码下载...2007-04-04
这篇文章主要介绍了javaScript实现一个队列的方法，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要介绍了echarts实现词云自定义形状的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
JavaScript错误处理之分析 Uncaught(in promise) error的
在开发过程中,JavaScript的错误处理是一个老生常谈的话题,当应用程序发生未捕获的异常时,Uncaught(in promise) error是其中最常见的错误类型,这篇文章将从多个方面详细阐述这种错误类型的原因与解决方案,感兴趣的朋友一起看看吧2023-12-12
这篇文章主要介绍了JS获取短信验证码倒计时的实现代码,需要的朋友可以参考下2017-05-05
下面小编就为大家带来一篇在JavaScript中对HTML进行反转义详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JavaScript实现页面5秒后自动跳转的方法,涉及javascript递归调用与计时函数setTimeout的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了ECMAscrip新特性之函数的扩展,在ECMAScript 2015中，允许为函数的参数添加默认值，将默认值直接写在参数的后面即可,具体情况参考下面文章的详细内容2021-12-12
这篇文章主要介绍了基于Bootstrap使用jQuery实现简单可编辑表格的相关资料,需要的朋友可以参考下2016-05-05
最新评论