To allow user to interact with your component, you need to add event listeners to respond to user’s action.
We are going to see how to use the `on:` directive to add event listener, and we draw the comparison of it with using ().
takes in the 3rd parameter as options. In Svelte, we can provide them using event modifiers. We will see how the 7 different event modifiers work with examples.
Introduction 00:00
Adding event listeners 00:30
Inline event handlers 02:59
Event modifiers 04:40
---
💻 REPL
📚 Related Resources
Svelte
Svelte REPL
Svelte Tutorial: DOM Events
Svelte Tutorial: Inline handlers
Svelte Tutorial: Event modifiers
Svelte Docs: on:eventname #on_element_event
MDN