Bindung von Javascript-Image-Onload-Ereignissen

Also habe ich diesen Code, der ein Array durchläuft und Bilder lädt und benachrichtigt, wenn die Bilder geladen werden.

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

}
</code>

Es funktioniert gut. Wenn ich das versuche, funktioniert es jedoch nicht

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

Worin besteht das Problem? Und gibt es in diesem Fall eine Möglichkeit, die Verwendung von Closure zu vermeiden?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage