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

title, tags, author, cover, firstSeen, lastUpdated

title	tags	author	cover	firstSeen	lastUpdated
Remove event listeners from target	browser,event	chalarangelo	blog_images/snowy-mountains.jpg	2021-04-22T08:53:29+03:00	2021-04-22T08:53:29+03:00

Detaches an event listener from all the provided targets.

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

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

const linkListener = () => console.log('Clicked a link');
document.querySelector('a').addEventListener('click', linkListener);
removeEventListenerAll(document.querySelectorAll('a'), 'click', linkListener);