JavaScript — How to add an eventListener to multiple elements

All About Code

·

Follow

1 min read

·

Oct 28, 2022

--

Share

Method #1: Use a for loop through all input elements

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

elementsArray.forEach(function(elem) {
    elem.addEventListener("input", function() {
        console.log("CHANGE!");    });
});

Method #2: Listen to the ‘document’

document.addEventListener('click', function(e){
  if(e.target.tagName=="BUTTON"){
   console.log("CHANGE!");
  }
})