addEventListener फॉर लूप और पासिंग वैल्यू का उपयोग करना

इवेंट श्रोताओं को कई ऑब्जेक्ट में जोड़ने के लिए लूप का उपयोग करते समय, अंतिम ऑब्जेक्ट अक्सर बन जाता है सभी श्रोताओं के स्थानांतरण का लक्ष्य। यह आलेख इस समस्या का समाधान करेगा और क्लोजर का उपयोग करके एक सही कोड प्रदान करेगा:

समस्या का अवलोकन:

एक लूप का उपयोग करके ईवेंट श्रोताओं को एकाधिक ऑब्जेक्ट में जोड़ने का प्रयास किया जा रहा है, लेकिन अंततः सभी श्रोता एक ही वस्तु (अंतिम वाली) को लक्ष्य करते हैं।

निश्चित कोड:

बंद करना इस तरह की समस्या को रोकने का एक तरीका है। संशोधित कोड इस प्रकार है:

// 函数在点击时运行：
function makeItHappen(elem, elem2) {
    var el = document.getElementById(elem);
    el.style.backgroundColor = "red";
    var el2 = document.getElementById(elem2);
    el2.style.backgroundColor = "blue";
}

// 自动加载函数以添加侦听器：
var elem = document.getElementsByClassName("triggerClass");

for (var i = 0; i