Então eu tenho este pedaço de código que faz um loop através de uma matriz e carregar imagens e notificar quando as imagens são carregadas.

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

Funciona bem. No entanto, se eu tentar fazer isso, não vai funcionar

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

Qual é o problema? E existe alguma maneira de eu evitar o uso de fechamento neste caso?