首頁 web前端 js教程 JavaScript在for迴圈中綁定事件解決事件參數不同的情況_javascript技巧

JavaScript在for迴圈中綁定事件解決事件參數不同的情況_javascript技巧

May 16, 2016 pm 05:03 PM
for迴圈 綁定事件

有時候要對回應一堆相似的事件,但是每個事件的參數都不同,一開始還以為挺簡單的,用個for循環不就得了,結果發現,額,都是使用了最後一個參數。 。 。

上網查資料! ! !結果大神說用閉包解決

代碼:

複製程式碼 代碼如下:

代碼如下:for(var i=0;ibtns[i].onclick=(function(i){
return function(){alert(i)}
} )(i)
}


大概原因是直接用btns[i].onclick=function(){alert(i)}時,JavaScript引擎會先將for迴圈裡的程式碼執行完,

當使用者出發onclick事件時,JavaScript會尋找i,結果會找到運算完成之後的i,也就是10
但是用閉包處理的話,i會成為函數的局部變數
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

怎麼用php實現求100以內的奇數 怎麼用php實現求100以內的奇數 Dec 23, 2022 pm 06:54 PM

怎麼用php實現求100以內的奇數

PHP中for迴圈的執行順序是什麼 PHP中for迴圈的執行順序是什麼 Sep 22, 2021 pm 06:24 PM

PHP中for迴圈的執行順序是什麼

JS迴圈學習:for迴圈語句的使用(範例詳解) JS迴圈學習:for迴圈語句的使用(範例詳解) Aug 03, 2022 pm 06:45 PM

JS迴圈學習:for迴圈語句的使用(範例詳解)

如何使用Python中的for循環 如何使用Python中的for循環 Oct 25, 2023 pm 12:18 PM

如何使用Python中的for循環

如何使用C語言中的for迴圈將陣列中的偶數和奇數分開? 如何使用C語言中的for迴圈將陣列中的偶數和奇數分開? Aug 25, 2023 pm 03:09 PM

如何使用C語言中的for迴圈將陣列中的偶數和奇數分開?

如何在Go語言中利用for迴圈實現翻轉操作 如何在Go語言中利用for迴圈實現翻轉操作 Mar 24, 2024 pm 02:15 PM

如何在Go語言中利用for迴圈實現翻轉操作

python for迴圈的用法是什麼 python for迴圈的用法是什麼 Sep 26, 2023 am 10:34 AM

python for迴圈的用法是什麼

如何使用C語言中的for循環列印使用者選擇的一個月份的日曆? 如何使用C語言中的for循環列印使用者選擇的一個月份的日曆? Aug 28, 2023 pm 03:41 PM

如何使用C語言中的for循環列印使用者選擇的一個月份的日曆?

See all articles