Javascript Enlace de evento de carga de imagen

Question

Tengo este fragmento de código que recorre una matriz y carga imágenes, y notifica cuando se cargan las imágenes.

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); 

} 

Funciona bien. Sin embargo, si intento hacer esto, no funcionará

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

¿Cuál es el problema? ¿Y hay alguna forma de evitar el cierre en este caso?

Answer 1

Una parte del problema: El evento no se llama onload, pero load.

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

Aparte de eso, desde i cambios fuera de la función de detector de eventos, se necesita un cierre.