How to addEventListener to multiple elements in a single line

by

Well, if you have an array with the elements you could do: 

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

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

More Related Contents:

  1. How to pass arguments to addEventListener listener function?
  2. Remove all child elements of a DOM node in JavaScript
  3. Changing website favicon dynamically
  4. What is the difference between children and childNodes in JavaScript?
  5. How to append text to a “?
  6. How do I do OuterHTML in firefox?
  7. How to access CSS generated content with JavaScript
  8. jQuery DOM changes not appearing in view source
  9. JavaScript get element by name
  10. Accessing the content of other tabs in a browser
  11. Is there a way to select sibling nodes?
  12. How to detect when an iframe has already been loaded
  13. How do I put codes from jsfiddle.net into my website?
  14. JavaScript: How to get parent element by selector?
  15. Screen Scraping from a web page with a lot of Javascript [closed]
  16. What is better, appending new elements via DOM functions, or appending strings with HTML tags?
  17. Attach event listener through javascript to radio button
  18. Check whether HTML element has scrollbars
  19. Why is React’s concept of Virtual DOM said to be more performant than dirty model checking?
  20. Why doesn’t Node.js have a native DOM?
  21. How to append a childnode to a specific position
  22. Simple way to get element by id within a div tag?
  23. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  24. How to add a onclick event to an element using javascript
  25. Test if an element can contain text
  26. Load javascript async, then check DOM loaded before executing callback
  27. How to check null objects in jQuery
  28. Screen Coordinates of a element, via Javascript
  29. Vanilla JS event delegation – dealing with child elements of the target element
  30. Manually dispatchEvent DOMContentLoaded

Leave a Comment