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

title, tags, firstSeen, lastUpdated

title	tags	firstSeen	lastUpdated
listenOnce	browser,event,beginner	2020-06-01T16:58:52+03:00	2020-10-22T20:23:47+03:00

Adds an event listener to an element that will only run the callback the first time the event is triggered.

• Use EventTarget.addEventListener() to add an event listener to an element.
• Use { once: true } as options to only run the given callback once.

const listenOnce = (el, evt, fn) =>
  el.addEventListener(evt, fn, { once: true });

listenOnce(
  document.getElementById('my-id'),
  'click',
  () => console.log('Hello world')
); // 'Hello world' will only be logged on the first click