萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JavaScript在for循環中綁定事件解決事件參數不同的情況

JavaScript在for循環中綁定事件解決事件參數不同的情況

響應一堆相似的事件,但是每個事件的參數都不同,在這種情況下就可以使用JavaScript 在for循環中綁定事件,下面有個不錯的示例,大家可以參考下

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

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

代碼: 

代碼如下:

for(var i=0;i<10;i++){ 

btns[i].onclick=(function(i){ 

return function(){alert(i)} 

})(i) 

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

當用戶出發onclick事件時,JavaScript會尋找i,結果會找到運算完成之後的i,也就是10 

但是用閉包處理的話,i會成為函數的局部變量 

copyright © 萬盛學電腦網 all rights reserved