addEventListener Verwenden einer For-Schleife und Übergeben von Werten

Bei Verwendung einer for-Schleife zum Hinzufügen von Ereignis-Listenern zu mehreren Objekten wird häufig das letzte Objekt verwendet Das Ziel für alle Listener-Verlagerungen. Dieser Artikel befasst sich mit diesem Problem und stellt einen korrigierten Code mithilfe von Abschlüssen bereit:

Überblick über das Problem:

Es wird versucht, Ereignis-Listener mithilfe einer Schleife zu mehreren Objekten hinzuzufügen. Aber Letztendlich zielen alle Zuhörer auf dasselbe Objekt (das letzte).

Fester Code:

Das Schließen ist eine Möglichkeit, diese Art von Problem zu verhindern. Der geänderte Code lautet wie folgt:

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