El ' cambiar el tamaño El evento ” en JavaScript es un evento integrado que se activa cuando el usuario cambia el tamaño de una ventana del navegador. Este evento se puede usar para ajustar el diseño o el comportamiento de una página web en respuesta al nuevo tamaño de la ventana. El evento se desencadena/dispara en el objeto de ventana que denota la ventana del navegador.
Esta publicación ilustrará el evento de cambio de tamaño de ventana en JavaScript.
¿Qué es el evento de 'cambio de tamaño' de la ventana en JavaScript?
En JavaScript, el “ cambiar el tamaño El evento ” se activa cuando cambia el tamaño de la ventana del navegador. Puede adjuntar una función al evento de cambio de tamaño usando el ' agregarEventListener() ” método en el objeto de la ventana. Este evento se activará cada vez que se cambie el tamaño de la ventana del navegador.
Sintaxis
La siguiente sintaxis se utiliza para el evento de cambio de tamaño para cambiar el tamaño de la ventana con el método 'addEventListener()':
ventana.addEventListener ( 'redimensionar' , nombrefunción )
Se recomienda eliminar el detector de eventos para evitar pérdidas de memoria. Para eliminar el detector de eventos, use el ' removeEventListener() ' método:
Ejemplo
En el ejemplo proporcionado, la longitud y el ancho de la ventana se mostrarán en la página mientras cambia el tamaño de la ventana.
Primero, cree un área de extensión para mostrar la longitud y el ancho de la ventana:
Ventana Ancho de:Ventana' Altura: < durar identificación = 'altura' > durar >
Luego, en la etiqueta