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 mixin GlobalEventHandlers, est un gestionnaire d'évènements qui permet de traiter les évènements resize.
Un évènement resize est déclenché après que la fenêtre a été redimensionnée.
Syntaxe
js
window.onresize = refFonction;
Value
refFonction est un nom de fonction ou une expression de fonction. La fonction reçoit un objet FocusEvent 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 id="height"></span></p>
<p>Largeur de la fenêtre : <span id="width"></span></p>
JavaScript
js
const heightOutput = document.querySelector("#height");
const widthOutput = document.querySelector("#width");
function resize() {
heightOutput.textContent = window.innerHeight;
widthOutput.textContent = window.innerWidth;
}
window.onresize = resize;
Résultat
Spécifications
| Specification |
|---|
| CSSOM View Module # eventdef-window-resize |
Compatibilité des navigateurs
Chargement…
Voir aussi
- L'évènement
resize