Javascript圖像onload事件綁定

Question

所以我有這段代碼循環訪問數組並加載圖像，並在圖像加載時通知。

for (var i = 0; i < arr.length; i++) {     
    var imageObj = new Image(); 
    imageObj.src = url[i]; 
    imageObj.onload= (function(i){ 
       return function(){ 
        console.log(i, 'loaded'); 
       } 
      })(i); 

} 

它工作正常。但是，如果我嘗試這樣做，它將無法正常工作

imageObj.addEventListener('onload', function(
    console.log(i, 'loaded'); 
}, false); 

問題是什麼？有沒有什麼辦法可以避免在這種情況下使用閉包？

Answer 1

問題的一個部分：事件不叫onload，而是load。

imageObj.addEventListener('load', function() { /* ... */ }, false); 

除此之外，由於i事件偵聽器功能之外的變化，需要關閉。