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

title, type, tags, cover, dateModified

title	type	tags	cover	dateModified
Remove event listener from element	snippet	browser event	mug-flower-book	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