자바 스크립트 이미지 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 이후 변경, 당신은 폐쇄해야합니다.