Event_Listeners

Event Listeners

Basic Example

<button $click={event => {
    doSomething();
}}>
    Click here!
</button>

Capture Example

<button capture$click={event => {
    doSomething();
}}>
    Click here!
</button>

Other

Other options like passive, once are like capture, use ...$event to declare.

Combination

<button capture_once$click={event => {
    doSomething();
}}>
    Click here once!
</button>

The order has no impact.

Singal Example

const signal = new AbortSignal();

<button $click={[event => {
    doSomething();
}, signal]}>
    Click here!
</button>