जावास्क्रिप्ट छवि ऑनलोड ईवेंट बाइंडिंग

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 के बाद से बदल जाता है, तो आप एक बंद की जरूरत है।