addEventListener باستخدام حلقة For وتمرير القيم

عند استخدام حلقة for لإضافة مستمعي الأحداث إلى كائنات متعددة، غالبًا ما يصبح الكائن الأخير الهدف لجميع عمليات نقل المستمع. ستتناول هذه المقالة هذه المشكلة وتوفر رمزًا مصححًا باستخدام عمليات الإغلاق:

نظرة عامة على المشكلة:

محاولة إضافة مستمعي الأحداث إلى كائنات متعددة باستخدام حلقة، ولكن في النهاية، يستهدف جميع المستمعين نفس الكائن (الأخير).

الكود الثابت:

الإغلاق هو وسيلة لمنع هذا النوع من المشاكل. الكود المعدل هو كما يلي:

// 函数在点击时运行：
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