GlobalEventHandlers.onresize

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriétéonresize,rattachée au mixinGlobalEventHandlers, estun gestionnaire d'évènements qui permet de traiter les évènementsresize.

Un évènementresize est déclenché après que la fenêtre a été redimensionnée.

Syntaxe

window.onresize = refFonction;

Value

refFonction est un nom de fonction ou uneexpression de fonction. La fonction reçoit un objetFocusEvent comme unique argument.

Exemple

Journaliser l'évolution de la taille de la fenêtre

HTML

html

<p>  Redimensionnez la fenêtre pour déclencher l'évènement <code>resize</code>.</p><p>Hauteur de la fenêtre : <span></span></p><p>Largeur de la fenêtre : <span></span></p>

JavaScript

const heightOutput = document.querySelector("#height");const widthOutput = document.querySelector("#width");function resize() {  heightOutput.textContent = window.innerHeight;  widthOutput.textContent = window.innerWidth;}window.onresize = resize;