DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript在for循環中綁定事件解決事件參數不同的情況
JavaScript在for循環中綁定事件解決事件參數不同的情況
編輯:JavaScript綜合知識     

響應一堆相似的事件,但是每個事件的參數都不同,在這種情況下就可以使用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會成為函數的局部變量 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved