javascript循環(huán)變量注冊dom事件 之強大的閉包
更新時間：2010年09月08日 11:26:07 作者：
是在循環(huán)過程過this被改變，注冊過的事件也被隨之改變，找到了一種解決方法
今天遇到了這個問題：
//偽代碼
for (var i=0; i<n; i++) {
addEvent(obj[i], "click", func(i));
}
結(jié)果出現(xiàn)了問題，所有的dom都被注冊了 i=n 的時候的事件，查了一些資料，說是在循環(huán)過程過this被改變，注冊過的事件也被隨之改變，找到了一種解決方法;
for (var i=0; i<n; i++) {
(function (i){addEvent(obj[i], "click", function (){func(i);});})(i);
}
利用必包保持對變量的持久引用，很強大的說！
(如果您有更好的方法，請不吝賜教(*^__^*) 嘻嘻……)
復(fù)制代碼 代碼如下:
//偽代碼
for (var i=0; i<n; i++) {
addEvent(obj[i], "click", func(i));
}
結(jié)果出現(xiàn)了問題，所有的dom都被注冊了 i=n 的時候的事件，查了一些資料，說是在循環(huán)過程過this被改變，注冊過的事件也被隨之改變，找到了一種解決方法;
復(fù)制代碼 代碼如下:
for (var i=0; i<n; i++) {
(function (i){addEvent(obj[i], "click", function (){func(i);});})(i);
}
利用必包保持對變量的持久引用，很強大的說！
(如果您有更好的方法，請不吝賜教(*^__^*) 嘻嘻……)
您可能感興趣的文章:
- Javascript DOM事件操作小結(jié)(監(jiān)聽鼠標(biāo)點擊、釋放，懸停、離開等)
- JavaScript DOM事件(筆記)
- JavaScript call apply使用 JavaScript對象的方法綁定到DOM事件后this指向問題
- JS對象與JSON互轉(zhuǎn)換、New Function()、 forEach()、DOM事件流等js開發(fā)基礎(chǔ)小結(jié)
- 關(guān)于javascript DOM事件模型的兩件事
- 談?wù)勎覍avaScript DOM事件的理解
- 深入理解JS DOM事件機制
- 理解javascript中DOM事件
- js中DOM事件綁定分析
- js實現(xiàn)QQ面板拖拽效果（慕課網(wǎng)DOM事件探秘）（全）
- JavaScript將DOM事件處理程序封裝為event.js 出現(xiàn)的低級錯誤問題
- js DOM的事件常見操作實例詳解
相關(guān)文章
js中通過split函數(shù)分割字符串成數(shù)組小例子
分割字符串成數(shù)組的方法有很多，不過使用最多的還是split函數(shù)，接下來為大家介紹下它的具體使用方法，感興趣的朋友可以參考下2013-09-09
這篇文章主要介紹了Javascript操作select控件代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
JavaScript基于Dom操作實現(xiàn)查找、修改HTML元素的內(nèi)容及屬性的方法
這篇文章主要介紹了JavaScript基于Dom操作實現(xiàn)查找、修改HTML元素的內(nèi)容及屬性的方法,涉及javascript dom模型及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
你可能從未使用過的11+個JavaScript特性(小結(jié))
這篇文章主要介紹了你可能從未使用過的11+個JavaScript特性(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
在項目中遇到一個問題，需要在JS中讀取數(shù)據(jù)庫中的值，然后再把值返回到頁面中，解決方案如下:使用Ajax方法來實現(xiàn)，需要用到ajax.dll（一個ajax技術(shù)開發(fā)的幫助類庫）。2013-07-07
Javascript基于對象三大特性（封裝性、繼承性、多態(tài)性）
這篇文章主要介紹了Javascript基于對象三大特性，包括封裝性、繼承性、多態(tài)性，感興趣的小伙伴們可以參考一下2016-01-01
Javascript實現(xiàn)簡易天數(shù)計算器
這篇文章主要為大家詳細介紹了Javascript實現(xiàn)簡易天數(shù)計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
本系列的開篇文章我們一起探討了jQuery如何開發(fā)插件，今天這篇文章，我們來繼續(xù)插件開發(fā)之旅，希望大家能夠喜歡。2015-01-01
Javascript 更新 JavaScript 數(shù)組的 uniq 方法
2008-01-01
這篇文章主要介紹了javascript的慣性運動實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09