Evento onresize
Definição e uso
O evento onresize ocorre quando a janela do navegador é ajustada.
Dica：Para obter o tamanho do elemento，use clientWidth、clientHeight、innerWidth、innerHeight、outerWidth、outerHeighte as propriedades offsetWidth e/ou offsetHeight.
Exemplo
Exemplo 1
Execute JavaScript ao ajustar o tamanho da janela do navegador：
<body onresize="myFunction()">
Exemplo 2
Use o método addEventListener() para anexar o evento "resize" ao objeto window：
window.addEventListener("resize", myFunction);
Sintaxe
No HTML：
<elemento onresize="myScript">
No JavaScript：
objeto.onresize = function(){myScript};
No JavaScript，use o método addEventListener()：
objeto.addEventListener("resize", myScript);
Notas：O Internet Explorer 8 ou versões anteriores não suportam Método addEventListener()。
Detalhes técnicos
| Bubbling： | Não suportado |
|---|---|
| Cancelável： | Não suportado |
| Tipo de evento： | se gerado a partir da interface do usuário，UiEvent。Caso contrário Evento。 |
| Tags HTML suportadas： | <body> |
| Versão do DOM： | Eventos de Nível 2 |
Suporte ao navegador
| Eventos | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onresize | Suporte | Suporte | Suporte | Suporte | Suporte |
