Evento onresize
Esempio
Esegui un JavaScript quando la finestra del browser viene ridimensionata:
<body onresize="myFunction()">
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
L'evento onresize si verifica quando la finestra del browser è stata ridimensionata.
Suggerimento: per ottenere le dimensioni di un elemento, utilizzare le proprietà clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth e/o offsetHeight.
Supporto browser
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Sintassi
In HTML:
<element onresize="myScript">
In JavaScript:
object.onresize = function(){myScript};
In JavaScript, utilizzando il metodo addEventListener():
object.addEventListener("resize", myScript);
Nota: il metodo addEventListener() non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
Bolle: | No |
---|---|
Annullabile: | No |
Tipo di evento: | UiEvent se generato da un'interfaccia utente, Event in caso contrario |
Tag HTML supportati: | <corpo> |
Versione DOM: | Eventi di livello 2 |
Altri esempi
Esempio
Utilizzo del metodo addEventListener() per allegare l'evento "resize" sull'oggetto finestra.
window.addEventListener("resize", myFunction);