onresize evento
Exemplo
Execute um JavaScript quando a janela do navegador for redimensionada:
<body onresize="myFunction()">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onresize ocorre quando a janela do navegador é redimensionada.
Dica: Para obter o tamanho de um elemento, use as propriedades clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth e/ou offsetHeight.
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element onresize="myScript">
Em JavaScript:
object.onresize = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("resize", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | Não |
---|---|
Cancelável: | Não |
Tipo de evento: | UiEvent se gerado a partir de uma interface de usuário, Event caso contrário |
Tags HTML suportadas: | <corpo> |
Versão DOM: | Eventos de Nível 2 |
Mais exemplos
Exemplo
Usando o método addEventListener() para anexar o evento "resize" no objeto window.
window.addEventListener("resize", myFunction);