Zdarzenie związane ze zdarzeniem związanym ze zdarzeniem związanym z obrazem JavaScript

Question

Mam więc ten fragment kodu, który przechodzi przez macierz i ładuje obrazy oraz powiadamia o załadowaniu obrazów.

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

} 

Działa dobrze. Jednak jeśli spróbuję to zrobić, to nie zadziała

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

Na czym polega problem? Czy jest jakiś sposób, aby w tym przypadku uniknąć stosowania zamknięcia?

Answer 1

Jedna część problemu: zdarzenie nie jest nazywane onload, ale load.

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

Poza tym, ponieważ i zmiany poza funkcji nasłuchiwania zdarzeń, trzeba zamknięcie.