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?
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.