0Pricing
Sveltejs Academy · Lesson

Event Modifiers: preventDefault stopPropagation once

Use pipe-delimited modifiers to change event behavior without extra code.

Modifier Syntax

Append modifiers to the event name with a pipe character.

<form on:submit|preventDefault={save}>

preventDefault

Calls event.preventDefault() before your handler runs. No need to do it manually.

All lessons in this course

  1. on:click on:input on:submit
  2. Event Modifiers: preventDefault stopPropagation once
  3. Custom Events with createEventDispatcher
  4. Forwarding Events with on:click
← Back to Sveltejs Academy