JavaScript 图片加载事件绑定(bind)

Question

我有这段代码循环遍历数组并加载图像并在图像加载时发出通知。

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

}

它工作正常。但是，如果我尝试这样做，它不会起作用:

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

问题是什么？在这种情况下，我有什么办法可以避免使用闭包吗？

Answer 1

问题的一部分:事件不是调用onload，而是调用load。

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

除此之外，由于 i 在事件监听器函数之外发生更改，因此您需要一个闭包。