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

title, tags, cover, firstSeen, lastUpdated

title	tags	cover	firstSeen	lastUpdated
Remove event listener from element	browser,event	mug-flower-book	2018-01-05T14:33:48+02:00	2020-10-21T21:54:53+03:00

Removes an event listener from an element.

• Use EventTarget.removeEventListener() to remove an event listener from an element.
• Omit the fourth argument opts to use false or specify it based on the options used when the event listener was added.

const off = (el, evt, fn, opts = false) =>
  el.removeEventListener(evt, fn, opts);

const fn = () => console.log('!');
document.body.addEventListener('click', fn);
off(document.body, 'click', fn); // no longer logs '!' upon clicking on the page