Wie kann die Zuweisung von Ereignis-Listenern für mehrere Elemente vereinfacht werden?

Vereinfachung der Zuweisung von Ereignis-Listenern für mehrere Elemente

Es kann vorkommen, dass Sie mehreren Elementen Ereignis-Listener hinzufügen müssen. Es ist zwar möglich, Listener wie gezeigt einzeln zuzuweisen:

element1.addEventListener("input", function() {
  // This function does stuff
});

oder durch Verkettung von bedingten Anweisungen:

element1 && element2.addEventListener("input", function() {
  // This function does stuff
});

diese Methoden können beim Umgang mit vielen Elementen mühsam werden. Ein effizienterer Ansatz besteht darin, die forEach()-Methode für ein Array der Elemente zu verwenden:

let elementsArray = document.querySelectorAll("whatever");

elementsArray.forEach(function(elem) {
    elem.addEventListener("input", function() {
        // This function does stuff
    });
});

Durch die Iteration durch das Array weist dieser Code den Ereignis-Listener jedem Element in einer einzelnen Zeile zu und vereinfacht so Ihre Code und Optimierung des Ereignisverarbeitungsprozesses.

Das obige ist der detaillierte Inhalt vonWie kann die Zuweisung von Ereignis-Listenern für mehrere Elemente vereinfacht werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!