Comment simplifier l'attribution des écouteurs d'événements pour plusieurs éléments ?

Simplification de l'affectation des écouteurs d'événements pour plusieurs éléments

Vous pouvez rencontrer une situation dans laquelle vous devez ajouter des écouteurs d'événements à plusieurs éléments. Bien qu'il soit possible d'attribuer des auditeurs individuellement comme indiqué :

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

ou en enchaînant des instructions conditionnelles :

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

ces méthodes peuvent devenir fastidieuses lorsqu'il s'agit de traiter de nombreux éléments. Une approche plus efficace consiste à utiliser la méthode forEach() sur un tableau d'éléments :

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

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

En parcourant le tableau, ce code attribue l'écouteur d'événement à chaque élément sur une seule ligne, simplifiant ainsi votre code et rationaliser le processus de gestion des événements.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!