addEventListener,(), अनुक्रमणिका के लिए। बंद करने का उपयोग कैसे करें?

Question

मैं इस कोड है:

var items = this.llistat.getElementsByTagName('a'); 

for(var i = 0; i < items.length; i++){  
    items[i].addEventListener('click', function(event) { 
    alert(i); 
    }, items[i]); 
} 

जहां घटना सुनी है, लेकिन 3 आइटम हैं और सतर्क allways, तत्वों (यह सूचकांक सम्मान नहीं करता है) में से किसी पर 3 प्रिंट

items[i] को बंद करने के रूप में नौकरी नहीं करना चाहिए?

धन्यवाद!

Answer 1

एक शास्त्रीय बंद मुद्दा है कि: आप बंधन के समय में एक नया कार्य के लिए बाध्य है, न कि 'मैं' चर करने के लिए, लेकिन अपने मूल्य के लिए बनाना चाहिए:

var items = this.llistat.getElementsByTagName('a'); 

for(var i = 0; i < items.length; i++) { 
     items[i].addEventListener('click', listener.bind(null, i)); 
} 

function listener(index) { 
     alert(index); 
} 

Answer 2

नहीं, addEventListener का तीसरा तर्क useCapture एक है। अधिक जानकारी के लिए MDN देखें।

लेकिन आप उपयोग कर सकते हैं:

for(var i = 0; i < items.length; i++){ 
    (function(i){ 
     items[i].addEventListener('click', function(event) { 
      alert(i); 
     }, false); 
    })(i); 
} 

या

var handler = function(event) { 
    var i = items.indexOf(this); 
    alert(i); 
}; 
for(var i = 0; i < items.length; i++){ 
    items[i].addEventListener('click', handler, false); 
} 

पहले एक प्रत्येक तत्व के लिए एक नया ईवेंट हैंडलर बनाता है, इसलिए इसे और अधिक स्मृति की जरूरत है। दूसरा एक ही ईवेंट श्रोता का पुन: उपयोग करता है, लेकिन indexOf का उपयोग करता है, इसलिए यह अधिक धीमी है।