javascript循環(huán)變量注冊dom事件 之強(qiáng)大的閉包
更新時(shí)間：2010年09月08日 11:26:07 作者：
是在循環(huán)過程過this被改變，注冊過的事件也被隨之改變，找到了一種解決方法
今天遇到了這個(gè)問題：
//偽代碼
for (var i=0; i<n; i++) {
addEvent(obj[i], "click", func(i));
}
結(jié)果出現(xiàn)了問題，所有的dom都被注冊了 i=n 的時(shí)候的事件，查了一些資料，說是在循環(huán)過程過this被改變，注冊過的事件也被隨之改變，找到了一種解決方法;
for (var i=0; i<n; i++) {
(function (i){addEvent(obj[i], "click", function (){func(i);});})(i);
}
利用必包保持對(duì)變量的持久引用，很強(qiáng)大的說！
(如果您有更好的方法，請(qǐng)不吝賜教(*^__^*) 嘻嘻……)
復(fù)制代碼 代碼如下:
//偽代碼
for (var i=0; i<n; i++) {
addEvent(obj[i], "click", func(i));
}
結(jié)果出現(xiàn)了問題，所有的dom都被注冊了 i=n 的時(shí)候的事件，查了一些資料，說是在循環(huán)過程過this被改變，注冊過的事件也被隨之改變，找到了一種解決方法;
復(fù)制代碼 代碼如下:
for (var i=0; i<n; i++) {
(function (i){addEvent(obj[i], "click", function (){func(i);});})(i);
}
利用必包保持對(duì)變量的持久引用，很強(qiáng)大的說！
(如果您有更好的方法，請(qǐng)不吝賜教(*^__^*) 嘻嘻……)
您可能感興趣的文章:
- Javascript DOM事件操作小結(jié)(監(jiān)聽鼠標(biāo)點(diǎn)擊、釋放，懸停、離開等)
- JavaScript DOM事件(筆記)
- JavaScript call apply使用 JavaScript對(duì)象的方法綁定到DOM事件后this指向問題
- JS對(duì)象與JSON互轉(zhuǎn)換、New Function()、 forEach()、DOM事件流等js開發(fā)基礎(chǔ)小結(jié)
- 關(guān)于javascript DOM事件模型的兩件事
- 談?wù)勎覍?duì)JavaScript DOM事件的理解
- 深入理解JS DOM事件機(jī)制
- 理解javascript中DOM事件
- js中DOM事件綁定分析
- js實(shí)現(xiàn)QQ面板拖拽效果（慕課網(wǎng)DOM事件探秘）（全）
- JavaScript將DOM事件處理程序封裝為event.js 出現(xiàn)的低級(jí)錯(cuò)誤問題
- js DOM的事件常見操作實(shí)例詳解
相關(guān)文章
整理關(guān)于Bootstrap模態(tài)彈出框的慕課筆記
這篇文章主要為大家整理了關(guān)于Bootstrap模態(tài)彈出框的慕課筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
身份證號(hào)碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載
身份證號(hào)碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載...2007-04-04
javaScript實(shí)現(xiàn)一個(gè)隊(duì)列的方法
這篇文章主要介紹了javaScript實(shí)現(xiàn)一個(gè)隊(duì)列的方法，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
echarts實(shí)現(xiàn)詞云自定義形狀的示例代碼
這篇文章主要介紹了echarts實(shí)現(xiàn)詞云自定義形狀的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
JavaScript錯(cuò)誤處理之分析 Uncaught(in promise) error的
在開發(fā)過程中,JavaScript的錯(cuò)誤處理是一個(gè)老生常談的話題,當(dāng)應(yīng)用程序發(fā)生未捕獲的異常時(shí),Uncaught(in promise) error是其中最常見的錯(cuò)誤類型,這篇文章將從多個(gè)方面詳細(xì)闡述這種錯(cuò)誤類型的原因與解決方案,感興趣的朋友一起看看吧2023-12-12
JS獲取短信驗(yàn)證碼倒計(jì)時(shí)的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS獲取短信驗(yàn)證碼倒計(jì)時(shí)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-05-05
在JavaScript中對(duì)HTML進(jìn)行反轉(zhuǎn)義詳解
下面小編就為大家?guī)硪黄贘avaScript中對(duì)HTML進(jìn)行反轉(zhuǎn)義詳解。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
JavaScript實(shí)現(xiàn)頁面5秒后自動(dòng)跳轉(zhuǎn)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)頁面5秒后自動(dòng)跳轉(zhuǎn)的方法,涉及javascript遞歸調(diào)用與計(jì)時(shí)函數(shù)setTimeout的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了ECMAscrip新特性之函數(shù)的擴(kuò)展,在ECMAScript?2015中，允許為函數(shù)的參數(shù)添加默認(rèn)值，將默認(rèn)值直接寫在參數(shù)的后面即可,具體情況參考下面文章的詳細(xì)內(nèi)容2021-12-12
基于Bootstrap使用jQuery實(shí)現(xiàn)簡單可編輯表格
這篇文章主要介紹了基于Bootstrap使用jQuery實(shí)現(xiàn)簡單可編輯表格的相關(guān)資料,需要的朋友可以參考下2016-05-05