Javascript Image onload事件綁定

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在事件監聽器函數之外更改，您需要一個閉包。