addEventListener को ईवेंट पास नहीं कर सकता: बंद करने की समस्या

Question

यह मुझे पागल कर रहा है ... मेरे पास एक लूप है जो एक ईवेंट श्रोता को एक एसवीजी ऑब्जेक्ट में जोड़ता है। ऑब्जेक्ट तर्क के लिए, एक छोटा सर्कल है, और मुझे 10 सर्किलों में से प्रत्येक के लिए माउसओवर और माउसआउट ईवेंट जोड़ना है।

मेरी पहली समस्या मानक बंद-स्कोप चीज है - क्योंकि सभी श्रोताओं को एक ही लूप में जोड़ा जाता है, वे सभी लूप चर के समान अमान्य मान को देखते हैं। मैं इसे ठीक कर सकता हूं, मुझे लगता है, लेकिन दूसरी समस्या यह है कि मुझे श्रोताओं को 'ईवेंट' पास करना होगा, और मुझे इन दोनों मुद्दों को एक साथ ठीक करने का कोई तरीका नहीं मिल रहा है।

मैं इस के विभिन्न संस्करणों की कोशिश की है:

for(month = 0; month < nMonths; month++) { 
    ... 
    shape.addEventListener(
    "mouseover", 
    (function(event, index) { popup_on(event, foo, index); })(event, month), 
    false); 
    group.appendChild(shape); 
} 

इस विशेष संस्करण मुझे देता है 'घटना से परिभाषित नहीं है'। popup_on वास्तविक हैंडलर है, और event और month का वर्तमान मान प्राप्त करना चाहिए। कोई विचार है कि मुझे यह कैसे करना चाहिए? धन्यवाद।

Answer 1

यह ईवेंट आपके फ़ंक्शन स्वचालित रूप से पर पारित किया जाएगा - इसे addEventListener पर जाने वाले फ़ंक्शन के लिए पहला तर्क दें। साथ ही, कैप्चर पैरामीटर के लिए गलत मान डिफ़ॉल्ट है।

(function() { 
    var i = month; 
    shape.addEventListener("mouseover", function(e) { popup_on(e, foo, i); }); 
})(); 

इसके अलावा, आप foo साथ ठीक आपके घटना कॉलबैक में अधिक बंद किया जा रहा है? यदि नहीं, तो आप इसे

(function() { 
    var i = month; 
    var f = foo; 
    shape.addEventListener("mouseover", function(e) { popup_on(e, f, i); }); 
})(); 

साथ एक ही बात कर सकता है और अगर इन सभी स्थानीय चर कष्टप्रद हो रही है, तो आप उन्हें मापदंडों संभवतः चीजों में थोड़ा और अधिक सुव्यवस्थित

(function(i, f) { 
    shape.addEventListener("mouseover", function(e) { popup_on(e, f, i); }); 
})(month, foo);