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

<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 bien. Sin embargo, si intento hacer esto no funcionará.

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

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