Evento onresize
Ejemplo
Ejecute un JavaScript cuando se cambie el tamaño de la ventana del navegador:
<body onresize="myFunction()">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onresize se produce cuando se ha cambiado el tamaño de la ventana del navegador.
Sugerencia: para obtener el tamaño de un elemento, use las propiedades clientWidth, clientHeight, innerWidth , innerHeight , outsideWidth , outsideHeight , offsetWidth y/o offsetHeight.
Compatibilidad con navegador
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Sintaxis
En HTML:
<element onresize="myScript">
En JavaScript:
object.onresize = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("resize", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | No |
---|---|
Cancelable: | No |
Tipo de evento: | UiEvent si se genera desde una interfaz de usuario, Evento de lo contrario |
Etiquetas HTML compatibles: | <cuerpo> |
Versión DOM: | Eventos de nivel 2 |
Más ejemplos
Ejemplo
Usar el método addEventListener() para adjuntar el evento de "cambio de tamaño" en el objeto de la ventana.
window.addEventListener("resize", myFunction);