30-seconds-of-code/snippets/addEventListenerAll.md

title, tags, expertise, author, cover, firstSeen, lastUpdated

title	tags	expertise	author	cover	firstSeen	lastUpdated
Add event listener to all targets	browser,event	intermediate	chalarangelo	blog_images/red-mountain.jpg	2021-04-22T08:53:29+03:00	2021-04-22T08:53:29+03:00

Attaches an event listener to all the provided targets.

• Use Array.prototype.forEach() and EventTarget.addEventListener() to attach the provided listener for the given event type to all targets.

const addEventListenerAll = (targets, type, listener, options, useCapture) => {
  targets.forEach(target =>
    target.addEventListener(type, listener, options, useCapture)
  );
};

addEventListenerAll(document.querySelectorAll('a'), 'click', () =>
  console.log('Clicked a link')
);
// Logs 'Clicked a link' whenever any anchor element is clicked