Evento onresize
Definición y uso
El evento onresize se desencadena cuando se ajusta el tamaño de la ventana del navegador.
Consejo:Para obtener el tamaño de un elemento, utiliza clientWidth, clientHeight,innerWidth,innerHeight,outerWidth,outerHeighty las propiedades offsetWidth y/or offsetHeight.
Ejemplo
Ejemplo 1
Ejecuta JavaScript al ajustar el tamaño de la ventana del navegador:
<body onresize="miFunción()">
Ejemplo 2
Añade el evento "resize" al objeto window utilizando el método addEventListener():
window.addEventListener("resize", miFunción);
Sintaxis
En HTML:
<elemento onresize="myScript">
En JavaScript:
objeto.onresize = function(){myScript};
En JavaScript, utiliza el método addEventListener():
objeto.addEventListener("resize", myScript);
Comentarios:Internet Explorer 8 o versiones anteriores no lo admiten Método addEventListener().
Detalles técnicos
| Burbuja: | No soportado |
|---|---|
| Cancelable: | No soportado |
| Tipo de evento: | Si se genera desde la interfaz de usuario,UiEvent. De lo contrario Evento. |
| Etiquetas HTML admitidas: | <body> |
| Versión de DOM: | Eventos de Nivel 2 |
Compatibilidad del navegador
| Eventos | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onresize | Soporte | Soporte | Soporte | Soporte | Soporte |
