All modifiers
| Modifier | Syntax | Effect |
|---|---|---|
| debounce | data-on:input__debounce.300ms | Delays firing until N ms after the last event. Essential for search-as-you-type. |
| throttle | data-on:scroll__throttle.100ms | Fires at most once per N ms. Good for scroll/resize handlers. |
| window | data-on:click__window | Listens on window instead of the element. Use for outside-click close. |
| document | data-on:keydown__document | Listens on document. Slightly narrower than window. |
| stop | data-on:click__stop | Calls event.stopPropagation(). Prevents event from bubbling. |
| prevent | data-on:submit__prevent | Calls event.preventDefault(). Prevents form submit / link follow. |
| once | data-on:click__once | Handler fires exactly one time, then unregisters itself. |
| passive | data-on:scroll__passive | Adds {passive:true} to addEventListener. Improves scroll perf. |
debounce live demo
__stop vs no stop
Outer (clicks: )
Inner button has __stop — clicks don't propagate to outer div.
__once live demo