El ' canviar la mida ” L'esdeveniment a JavaScript és un esdeveniment integrat que s'activa quan l'usuari canvia la mida d'una finestra del navegador. Aquest esdeveniment es pot utilitzar per ajustar el disseny o el comportament d'una pàgina web en resposta a la nova mida de la finestra. L'esdeveniment s'activa/activa a l'objecte finestra que indica la finestra del navegador.
Aquesta publicació il·lustrarà l'esdeveniment de canvi de mida de la finestra en JavaScript.
Què és l'esdeveniment 'canviar la mida' de la finestra a JavaScript?
En JavaScript, el ' canviar la mida ” s'activa quan la mida de la finestra del navegador canvia. Podeu adjuntar una funció a l'esdeveniment de canvi de mida utilitzant el ' addEventListener() ” mètode a l'objecte finestra. Aquest esdeveniment s'activarà sempre que es canviï la mida de la finestra del navegador.
Sintaxi
La sintaxi següent s'utilitza per a l'esdeveniment de canvi de mida per canviar la mida de la finestra amb el mètode 'addEventListener()':
window.addEventListener ( 'canviar la mida' , nomfunció )
Es recomana eliminar l'escolta d'esdeveniments per evitar fuites de memòria. Per eliminar l'escolta d'esdeveniments, utilitzeu el ' removeEventListener() ” mètode:
Exemple
A l'exemple proporcionat, la longitud i l'amplada de la finestra es mostraran a la pàgina mentre es canvia la mida de la finestra.
Primer, creeu una àrea d'abast per mostrar la longitud i l'amplada de la finestra:
Finestra Amplada de:finestra' s Alçada: < span id = 'alçada' > span >
A continuació, a l'etiqueta