Checkout my Getting Started with React video course on Skillshare. It is 100% free.

How to force addEventListener to be called just once

The addEventListener accepts a third argument called options. Using it you can configure the listener so that it is automatically removed after its first call:

.addEventListener('click', 
    () => alert('Event will be called just ONCE!'), 
    {once: true}
);

Here is a full working demo:

See the Pen
force addEventListener to be called just once
by JS Craft (@js-craft)
on CodePen.

Check out the full documentation for the options parameter here.

By the way, did you know you can use an object instead of the callback function in addEventListener?

Home Screencasts Best of Newsletter Search X