Exemple
Exécuter un script JavaScript lorsque la fenêtre du navigateur est redimensionnée:
<body onresize="myFunction()">
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples 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 le clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth et / ou des propriétés offsetHeight.
Support du navigateur
| un événement | |||||
|---|---|---|---|---|---|
| onresize | Oui | Oui | Oui | Oui | Oui |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onresize=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("resize", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Non |
|---|---|
| cancelable: | Non |
| Type d'événement: | UIEvent |
| Pris en charge les balises HTML: | <Body> |
| DOM Version: | Niveau 2 Événements |
autres exemples
Exemple
Utilisation de la addEventListener() méthode pour fixer le "resize" l' événement sur l'objet de la fenêtre.
window.addEventListener("resize", myFunction);
Essayez vous - même » <Object Event