événement de redimensionnement
Exemple
Exécutez un JavaScript lorsque la fenêtre du navigateur est redimensionnée :
<body onresize="myFunction()">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement onresize se produit lorsque la fenêtre du navigateur a été redimensionnée.
Astuce : Pour obtenir la taille d'un élément, utilisez les propriétés clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth et/ou offsetHeight.
Prise en charge du navigateur
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Syntaxe
En HTML :
<element onresize="myScript">
En Javascript :
object.onresize = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("resize", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Non |
---|---|
Annulable : | Non |
Type d'événement: | UiEvent si généré à partir d'une interface utilisateur, Event sinon |
Balises HTML compatibles : | <corps> |
Version DOM : | Événements de niveau 2 |
Plus d'exemples
Exemple
Utilisation de la méthode addEventListener() pour attacher l'événement "resize" sur l'objet window.
window.addEventListener("resize", myFunction);