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?