addEventListener "once"

addEventListener "once"


1 min read

If you want to add an event callback but have it run only once, you can simply use the once option in the method's options object:

  document.body.addEventListener('click', () => {
    console.log('I run only once! ๐Ÿ˜‡');
  }, { once: true });

This prevents the need to otherwise immediately remove the event listener after the callback first fires (which I've been guilty of!):

  document.body.addEventListener('click', cb);

  function cb() {
    console.log('Hi! ๐Ÿ‘‹');
    document.body.removeEventListener('click', cb);

The more you know! ๐ŸŒˆ


MDN Article on addEventListener()

Check out more #JSBits at my blog, Or follow me on Twitter!