GlobalEventHandlers.onresize
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
BCD tables only load in the browser
Voir aussi
- L'évènement
resize