Événement onresize

Événements DOM Objet Event

Définition et utilisation

L'événement onresize se déclenche lors de l'ajustement de la taille de la fenêtre du navigateur.

Astuce :Pour obtenir la taille d'un élément, utilisez clientWidth, clientHeight,innerWidth,innerHeight,outerWidth,outerHeightet les propriétés offsetWidth et/ou offsetHeight.

Exemple

Exemple 1

Exécutez du JavaScript lors de l'ajustement de la taille de la fenêtre du navigateur :

<body onresize="myFunction()">

Essayez-le vous-même

Exemple 2

Utilisez la méthode addEventListener() pour ajouter l'événement "resize" à l'objet window :

window.addEventListener("resize", myFunction);

Essayez-le vous-même

Syntaxe

En HTML :

<element onresize="myScript">

Essayez-le vous-même

En JavaScript :

object.onresize = function(){myScript};

Essayez-le vous-même

En JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("resize", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Non pris en charge
Annulable : Non pris en charge
Type d'événement : Si généré par l'interface utilisateur,UiEvent. Sinon Événement.
Balises HTML prises en charge : <body>
Version DOM : Événements de niveau 2

Support du navigateur

Événements Chrome IE Firefox Safari Opera
onresize Support Support Support Support Support
Événements DOM Objet Event