How to force addEventListener to be called just once

DanielApril 29, 2021

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?