Le ' redimensionner ' L'événement en JavaScript est un événement intégré déclenché lorsque l'utilisateur modifie la taille d'une fenêtre de navigateur. Cet événement peut être utilisé pour ajuster la mise en page ou le comportement d'une page Web en réponse à la nouvelle taille de la fenêtre. L'événement est déclenché/déclenché sur l'objet window qui désigne la fenêtre du navigateur.
Cet article illustrera l'événement de redimensionnement de la fenêtre en JavaScript.
Qu'est-ce que l'événement « redimensionner » de la fenêtre en JavaScript ?
En JavaScript, le ' redimensionner ” est déclenché lorsque la taille de la fenêtre du navigateur change. Vous pouvez attacher une fonction à l'événement de redimensionnement en utilisant le ' addEventListener() ” méthode sur l'objet window. Cet événement se déclenchera chaque fois que la fenêtre du navigateur sera redimensionnée.
Syntaxe
La syntaxe suivante est utilisée pour l'événement resize pour redimensionner la fenêtre avec la méthode « addEventListener() » :
window.addEventListener ( 'redimensionner' , nomFonction )
Il est recommandé de supprimer l'écouteur d'événements pour éviter toute fuite de mémoire. Pour supprimer l'écouteur d'événement, utilisez le ' removeEventListener() ' méthode:
Exemple
Dans l'exemple fourni, la longueur et la largeur de la fenêtre s'afficheront sur la page lors du redimensionnement de la fenêtre.
Tout d'abord, créez une zone d'étendue pour afficher la longueur et la largeur de la fenêtre :
Fenêtre Largeur :Fenêtre' Hauteur : < portée identifiant = 'hauteur' > portée >
Ensuite, dans la balise