Standard HTML Attributes
+15 Mana
Inline Event Handlers
+15 Mana
Handling Event Modifiers Manually
+15 Mana
Multiple Handlers on One Event
+15 Mana
Prevent Form Submission(Sign in required)
Beginner+10 Mana
Identify Svelte 4 Syntax(Sign in required)
Beginner+10 Mana
Write an Inline Handler(Sign in required)
Beginner+15 Mana
Convert Svelte 4 Modifier(Sign in required)
Intermediate+15 Mana
The Event Flow: Capture & Bubble
+15 Mana
Event Delegation Pattern
+15 Mana
Controlling Event Propagation
+15 Mana
Finding the Clicked Item(Sign in required)
Intermediate+15 Mana
Stop Event Bubbling(Sign in required)
Intermediate+15 Mana
target vs currentTarget(Sign in required)
Intermediate+15 Mana
Passing Data with Delegation(Sign in required)
Intermediate+15 Mana
Callbacks Over Dispatch
+15 Mana
Forwarding Events to Child Elements
+15 Mana
Making Callbacks Optional
+15 Mana
Async Event Callbacks
+15 Mana
Define Optional Callback(Sign in required)
Intermediate+15 Mana
Forward All Props(Sign in required)
Intermediate+15 Mana
Safe Optional Call(Sign in required)
Intermediate+15 Mana
Callback Props vs createEventDispatcher(Sign in required)
Intermediate+10 Mana
Keyboard Event Handling
+15 Mana
Window and Document Events
+15 Mana
Drag and Drop Interactions
+15 Mana
Identify Pressed Key(Sign in required)
Beginner+10 Mana
Bind to Scroll Position(Sign in required)
Intermediate+15 Mana
Implement Save Shortcut(Sign in required)
Intermediate+15 Mana
Start a Drag Operation(Sign in required)
Beginner+10 Mana
Creating and Dispatching Custom Events
+15 Mana
CustomEvent Options Deep Dive
+15 Mana
Advanced CustomEvent Patterns
+15 Mana
Enable Event Bubbling(Sign in required)
Intermediate+15 Mana
Access Custom Event Data(Sign in required)
Beginner+10 Mana
Make Cancelable Event(Sign in required)
Intermediate+15 Mana
Listen for Custom Event in Svelte 5(Sign in required)
Intermediate+15 Mana
Ready to start Event Handling & User Interaction?
17 interactive lessons and 20 hands-on challenges — learn in VS Code, Cursor, or the web.