SvelteRéférence

svelte/reactivity/window

Ce module exporte des versions réactives de différentes valeurs liées à window, chacune ayant une propriété réactive current que vous pouvez utiliser dans des contextes réactifs (templates, derivations et effets sans utiliser de liaison sur <svelte:window> ou vos propres gestionnaires d’évènement.

<script>
	import { innerWidth, innerHeight } from 'svelte/reactivity/window';
</script>

<p>{innerWidth.current}x{innerHeight.current}</p>

import {
	devicePixelRatio(alias) const devicePixelRatio: {
    readonly current: number | undefined;
}
import devicePixelRatiodevicePixelRatio.current is a reactive view of window.devicePixelRatio. On the server it is undefined.
Note that behaviour differs between browsers — on Chrome it will respond to the current zoom level,
on Firefox and Safari it won't.
5.11.0
reference,
	innerHeight(alias) const innerHeight: ReactiveValue<number | undefined>
import innerHeightinnerHeight.current is a reactive view of window.innerHeight. On the server it is undefined.
5.11.0
reference,
	innerWidth(alias) const innerWidth: ReactiveValue<number | undefined>
import innerWidthinnerWidth.current is a reactive view of window.innerWidth. On the server it is undefined.
5.11.0
reference,
	online(alias) const online: ReactiveValue<boolean | undefined>
import onlineonline.current is a reactive view of navigator.onLine. On the server it is undefined.
5.11.0
reference,
	outerHeight(alias) const outerHeight: ReactiveValue<number | undefined>
import outerHeightouterHeight.current is a reactive view of window.outerHeight. On the server it is undefined.
5.11.0
reference,
	outerWidth(alias) const outerWidth: ReactiveValue<number | undefined>
import outerWidthouterWidth.current is a reactive view of window.outerWidth. On the server it is undefined.
5.11.0
reference,
	screenLeft(alias) const screenLeft: ReactiveValue<number | undefined>
import screenLeftscreenLeft.current is a reactive view of window.screenLeft. It is updated inside a requestAnimationFrame callback. On the server it is undefined.
5.11.0
reference,
	screenTop(alias) const screenTop: ReactiveValue<number | undefined>
import screenTopscreenTop.current is a reactive view of window.screenTop. It is updated inside a requestAnimationFrame callback. On the server it is undefined.
5.11.0
reference,
	scrollX(alias) const scrollX: ReactiveValue<number | undefined>
import scrollXscrollX.current is a reactive view of window.scrollX. On the server it is undefined.
5.11.0
reference,
	scrollY(alias) const scrollY: ReactiveValue<number | undefined>
import scrollYscrollY.current is a reactive view of window.scrollY. On the server it is undefined.
5.11.0
reference
} from 'svelte/reactivity/window';

devicePixelRatio

devicePixelRatio.current est une vue réactive de window.devicePixelRatio. Sur le serveur elle vaut undefined. Notez que le comportement peut être différent selon les navigateurs — sur Chrome elle va correspondre au niveau de zoom actuel, sur Firefox et Safari non.

const devicePixelRatio: {
	get current(): number | undefined;
};

innerHeight

innerHeight.current est une vue réactive de window.innerHeight. Sur le serveur elle vaut undefined.

const innerHeight: ReactiveValue<number | undefined>;

innerWidth

innerWidth.current est une vue réactive de window.innerWidth. Sur le serveur elle vaut undefined.

const innerWidth: ReactiveValue<number | undefined>;

online

online.current est une vue réactive de navigator.onLine. Sur le serveur elle vaut undefined.

const online: ReactiveValue<boolean | undefined>;

outerHeight

outerHeight.current est une vue réactive de window.outerHeight. Sur le serveur elle vaut undefined.

const outerHeight: ReactiveValue<number | undefined>;

outerWidth

outerWidth.current est une vue réactive de window.outerWidth. Sur le serveur elle vaut undefined.

const outerWidth: ReactiveValue<number | undefined>;

screenLeft

screenLeft.current est une vue réactive de window.screenLeft. Elle est mise à jour au sein d’un callback requestAnimationFrame.Sur le serveur elle vaut undefined.

const screenLeft: ReactiveValue<number | undefined>;

screenTop

screenTop.current est une vue réactive de window.screenTop. Elle est mise à jour au sein d’un callback requestAnimationFrame. Sur le serveur elle vaut undefined.

const screenTop: ReactiveValue<number | undefined>;

scrollX

scrollX.current est une vue réactive de window.scrollX. Sur le serveur elle vaut undefined.

const scrollX: ReactiveValue<number | undefined>;

scrollY

scrollY.current est une vue réactive de window.scrollY. Sur le serveur elle vaut undefined.

const scrollY: ReactiveValue<number | undefined>;

Modifier cette page sur Github llms.txt

précédent suivant

svelte/motion svelte/reactivity