Exemplo
Executar um JavaScript quando a janela do navegador é redimensionada:
<body onresize="myFunction()">
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O evento onresize ocorre quando a janela do navegador foi redimensionada.
Dica: Para obter o tamanho de um elemento, use o clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth e / ou propriedades offsetHeight.
Suporte navegador
| Evento | |||||
|---|---|---|---|---|---|
| onresize | sim | sim | sim | sim | sim |
Sintaxe
Em HTML:
Em JavaScript:
object .onresize=function(){ Tente você mesmo " Em JavaScript, usando o addEventListener() Método:
object .addEventListener("resize", myScript );
Tente você mesmo " Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.
Detalhes técnicos
| Bolhas: | Não |
|---|---|
| cancelable: | Não |
| Tipo de evento: | UIEvent |
| tags HTML suportadas: | <Body> |
| DOM Versão: | Nível 2 Eventos |
mais Exemplos
Exemplo
Usando o addEventListener() método para fixar a "resize" evento no objeto janela.
window.addEventListener("resize", myFunction);
Tente você mesmo " <Objeto de evento