Ejemplo
Ejecutar un JavaScript cuando se cambia el tamaño de la ventana del navegador:
<body onresize="myFunction()">
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento onresize se produce cuando la ventana del navegador ha sido redimensionada.
Consejo: Para obtener el tamaño de un elemento, utilice el clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth y / o propiedades offsetHeight.
Soporte del navegador
| Evento | |||||
|---|---|---|---|---|---|
| onresize | Sí | Sí | Sí | Sí | Sí |
Sintaxis
En HTML:
En JavaScript:
object .onresize=function(){ Inténtalo tú mismo " En JavaScript, utilizando el addEventListener() método:
object .addEventListener("resize", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| burbujas: | No |
|---|---|
| cancelable: | No |
| Tipo de evento: | UIEvent |
| etiquetas HTML admitidas: | <Body> |
| DOM Versión: | Nivel 2 Eventos |
Más ejemplos
Ejemplo
Utilizando el addEventListener() método para fijar el "resize" evento en el objeto ventana.
window.addEventListener("resize", myFunction);
Inténtalo tú mismo " <Objeto de evento