Event Handlers in Svelte
From the Svelte cheat sheet · Events & Actions · verified Jul 2026
Event Handlers
Handling DOM events in Svelte 5
javascript
<script>
let count = $state(0);
function handleClick() {
count++;
}
</script>
<button onclick={handleClick}>
Count: {count}
</button>
<button onclick={() => count++}>
Increment
</button>🎯 Use onclick, onsubmit, etc. (lowercase) in Svelte 5
📝 Access event object in handler functions
🔄 No automatic preventDefault - must call manually
⚡ Direct event binding for better performance