Khẳng định sự kiện tải ảnh Javascript

Question

Vì vậy, tôi có đoạn mã này lặp qua một mảng và tải hình ảnh và thông báo khi hình ảnh được tải.

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

} 

Nó hoạt động tốt. Tuy nhiên, nếu tôi cố gắng làm điều này, nó sẽ không hoạt động

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

Sự cố là gì? Và có cách nào để tôi tránh sử dụng đóng cửa trong trường hợp này?

Answer 1

Một phần của sự cố: Sự kiện không được gọi là onload, nhưng load.

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

Khác hơn, kể từ i thay đổi bên ngoài chức năng trình xử lý sự kiện, bạn cần đóng.