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事件侦听器功能之外的变化，需要关闭。