javascript / beginner
Snippet
Event-Modifikatoren
Svelte ermöglicht es, Modifikatoren für Events mit dem Pipe-Symbol hinzuzufügen. |preventDefault stoppt das Standardverhalten des Browsers, wie das Neuladen der Seite beim Absenden eines Formulars.
snippet.js
1
2
3
<form on:submit|preventDefault={() => console.log('Form sent!')}><button type="submit">Send</button></form>
svelte
Erklärung
1
on:submit|preventDefault
Hört auf das Submit-Event und ruft automatisch preventDefault() auf, bevor der Handler ausgeführt wird.
2
() => console.log(...)
Die Inline-Funktion, die ausgeführt wird, wenn auf die Schaltfläche geklickt wird und das Formular abgeschickt werden soll.