Manuel Matuzović recently tweeted about a little-known parameter that will fire JS event listener once.
Check out this little-known parameter for the click addEventListener that makes it possible to only allow it to fire once.
document.querySelector('.once').addEventListener('click', () => {
alert('once')
}, {
once: true
});For more details, check out the EventTarget.addEventListener() documentation on MDN web docs.
👋 Howdy! My name is Ben Marshall & I’ve been developing websites for over 20 years. I specialize in WordPress development, SEO strategy & LOVE what I do. Familiar with CSS-Tricks? … you should be, my site’s design was heavily inspired by it — hope you like it.
I build websites for both small mom & pop shops to large Fortune 500 companies. In addition to freelance work, I also have a full-time position at the New York-based Entermedia agency. Need a site, help with an existing one or a boost in search engines? I’m your guy, contact me today!
Are you a non-profit or organization helping the community and in need of a site? I offer heavily discounted services — sometimes free — to worthy causes.
All comments posted on 'Fire JS Event Listener Once' are held for moderation and only published when on topic and not rude. Get a gold star if you actually read & follow these rules.
You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.
Want to tell me something privately, like pointing out a typo or stuff like that? Contact Me.