mirror of
https://github.com/sveltejs/svelte.git
synced 2024-11-27 23:24:46 +01:00
16 lines
580 B
Markdown
16 lines
580 B
Markdown
|
---
|
||
|
|
title: <svelte:body>
|
||
|
|
---
|
||
|
|
|
||
|
|
```svelte
|
||
|
|
<svelte:body onevent={handler} />
|
||
|
|
```
|
||
|
|
|
||
|
|
Similarly to `<svelte:window>`, this element allows you to add listeners to events on `document.body`, such as `mouseenter` and `mouseleave`, which don't fire on `window`. It also lets you use [actions](use) on the `<body>` element.
|
||
|
|
|
||
|
|
As with `<svelte:window>` and `<svelte:document>`, this element may only appear the top level of your component and must never be inside a block or element.
|
||
|
|
|
||
|
|
```svelte
|
||
|
|
<svelte:body onmouseenter={handleMouseenter} onmouseleave={handleMouseleave} use:someAction />
|
||
|
|
```
|