Skip to main content
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 {
	
const devicePixelRatio: {
    readonly current: number | undefined;
}
devicePixelRatio.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.


@since5.11.0
devicePixelRatio,
	const innerHeight: ReactiveValue<number | undefined>
innerHeight.current is a reactive view of window.innerHeight. On the server it is undefined.


@since5.11.0
innerHeight,
	const innerWidth: ReactiveValue<number | undefined>
innerWidth.current is a reactive view of window.innerWidth. On the server it is undefined.


@since5.11.0
innerWidth,
	const online: ReactiveValue<boolean | undefined>
online.current is a reactive view of navigator.onLine. On the server it is undefined.


@since5.11.0
online,
	const outerHeight: ReactiveValue<number | undefined>
outerHeight.current is a reactive view of window.outerHeight. On the server it is undefined.


@since5.11.0
outerHeight,
	const outerWidth: ReactiveValue<number | undefined>
outerWidth.current is a reactive view of window.outerWidth. On the server it is undefined.


@since5.11.0
outerWidth,
	const screenLeft: ReactiveValue<number | undefined>
screenLeft.current is a reactive view of window.screenLeft. It is updated inside a requestAnimationFrame callback. On the server it is undefined.


@since5.11.0
screenLeft,
	const screenTop: ReactiveValue<number | undefined>
screenTop.current is a reactive view of window.screenTop. It is updated inside a requestAnimationFrame callback. On the server it is undefined.


@since5.11.0
screenTop,
	const scrollX: ReactiveValue<number | undefined>
scrollX.current is a reactive view of window.scrollX. On the server it is undefined.


@since5.11.0
scrollX,
	const scrollY: ReactiveValue<number | undefined>
scrollY.current is a reactive view of window.scrollY. On the server it is undefined.


@since5.11.0
scrollY
} from 'svelte/reactivity/window';

devicePixelRatio

Disponible depuis la version 5.11.0

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

Disponible depuis la version 5.11.0

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

const innerHeight: ReactiveValue<number | undefined>;

innerWidth

Disponible depuis la version 5.11.0

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

const innerWidth: ReactiveValue<number | undefined>;

online

Disponible depuis la version 5.11.0

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

const online: ReactiveValue<boolean | undefined>;

outerHeight

Disponible depuis la version 5.11.0

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

const outerHeight: ReactiveValue<number | undefined>;

outerWidth

Disponible depuis la version 5.11.0

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

const outerWidth: ReactiveValue<number | undefined>;

screenLeft

Disponible depuis la version 5.11.0

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

Disponible depuis la version 5.11.0

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

Disponible depuis la version 5.11.0

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

const scrollX: ReactiveValue<number | undefined>;

scrollY

Disponible depuis la version 5.11.0

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

précédent suivant
svelte/motion