Svelte · Middle · Question 61 of 75

How do you listen to `visibilitychange` on `document` in a component?

✓Correct answer: <svelte:document onvisibilitychange={handler} />
2document.onvisibilitychange = handler at the top of <script>
3<svelte:window onvisibilitychange> only

Explanation

<svelte:body> similarly handles events like mouseenter on document.body. Svelte removes the listeners on destroy.

Further reading

Test yourself

Take the Svelte · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.