Esempio
Esegui un JavaScript quando la finestra del browser viene ridimensionata:
<body onresize="myFunction()">
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onResize si verifica quando la finestra del browser è stata ridimensionata.
Suggerimento: per ottenere la dimensione di un elemento, utilizzare il clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth e / o in offsetHeight.
Supporto browser
| Evento | |||||
|---|---|---|---|---|---|
| onresize | sì | sì | sì | sì | sì |
Sintassi
In HTML:
In JavaScript:
object .onresize=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("resize", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | No |
|---|---|
| cancelable: | No |
| Tipo di evento: | UIEvent |
| tag HTML supportati: | <Body> |
| DOM Versione: | Livello 2 Eventi |
Altri esempi
Esempio
Utilizzando addEventListener() metodo per collegare il "resize" evento per l'oggetto finestra.
window.addEventListener("resize", myFunction);
Prova tu stesso " <Oggetto evento