Event Listeners & Handlers

element.addEventListener('click', () => {}, { once: true, passive: true, capture: false });

Makes the event handler run asynchronously
Prevents event bubbling
Indicates the listener won't call preventDefault()
The passive option, when set to true, indicates to the browser that the event handler will not call preventDefault(). This allows the browser to immediately start processing default actions (like scrolling) without waiting for the event handler to complete, significantly improving performance on touch devices. It's particularly important for scroll performance on mobile devices. The once option makes the listener run only once, and capture determines if the handler runs in capture phase.
Makes the event handler run only once