Svelte menggunakan on: directive untuk menangani event.

Event Dasar

<script>
  let count = 0
</script>

<button on:click={() => count += 1}>+1</button>
<button on:click={() => count -= 1}>-1</button>
<p>Count: {count}</p>

Named Handler

<script>
  function handleClick(event) {
    console.log("Button diklik!", event.target)
  }
</script>

<button on:click={handleClick}>Klik saya</button>

Event Modifiers

<button on:click|once={handleClick}>Hanya sekali</button>
<button on:click|preventDefault={handleSubmit}>Submit</button>
<form on:submit|preventDefault={handleSubmit}>...</form>

Modifier yang tersedia: preventDefault, stopPropagation, once, self, capture, passive.