0 Tage Serie
javascript / beginner
Snippet

Action-Direktiven

Actions sind Funktionen, die beim Erstellen eines Elements ausgeführt werden. Sie ermöglichen die direkte Interaktion mit dem DOM und kapseln wiederverwendbare Logik für spezifische Elemente.

snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
<script>
function focusOnLoad(node) {
node.focus();
return {
destroy() { console.log('Node removed'); }
};
}
</script>
<input use:focusOnLoad />
svelte
Erklärung
1
function focusOnLoad(node) { ... }
Eine Funktion, die den DOM-Knoten als Argument erhält, wenn das Element in den DOM eintritt.
2
use:focusOnLoad
Die 'use'-Direktive wendet die Action-Funktion auf dieses spezifische Element an.