SVELTE Toate comenzile Svelte & SvelteKit

`Tag-ul în Svelte` în Svelte & SvelteKit

Elemente Speciale de Sistem (<svelte:...>) Svelte 3.0+

Permite atașarea de ascultători de evenimente direct pe elementul document.body (mouseenter, mouseleave).

Sintaxă

<svelte:body onmouseenter={arataBara} />

Interacțiuni la nivel de document.body

Tag-ul <svelte:body> este utilizat pentru capturarea evenimentelor de mouse la părăsirea ferestrei de vizualizare (Exit Intent Popups) sau pentru detectarea mișcării cursorului pe întregul fundal al aplicației.

Exemplu Concret: Detectare părăsire pagină

<script>
  function onMouseLeave() {
    console.log('Cursorul a părăsit corpul paginii');
  }
</script>

<svelte:body onmouseleave={onMouseLeave} />