Evento onresize

Eventi DOM Oggetto Event

Definizione e uso

L'evento onresize si verifica quando la finestra del browser viene ridimensionata.

Suggerimento:Per ottenere le dimensioni di un elemento, utilizzare clientWidth, clientHeight,innerWidth,innerHeight,outerWidth,outerHeighte le proprietà offsetWidth e/ou offsetHeight.

Esempio

Esempio 1

Esegui JavaScript quando si ridimensiona la finestra del browser:

<body onresize="myFunction()">

Prova personalmente

Esempio 2

Aggiungi l'evento "resize" all'oggetto window utilizzando il metodo addEventListener():

window.addEventListener("resize", myFunction);

Prova personalmente

Sintassi

In HTML:

<elemento onresize="myScript">

Prova personalmente

In JavaScript:

oggetto.onresize = function(){myScript};

Prova personalmente

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("resize", myScript);

Prova personalmente

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubble: Non supportato
Cancellable: Non supportato
Tipo di evento: Se generato dall'interfaccia utente,UiEvent. Altrimenti Evento.
Tag HTML supportati: <body>
Versione DOM: Eventi di Livello 2

Supporto browser

Eventi Chrome IE Firefox Safari Opera
onresize Supporto Supporto Supporto Supporto Supporto
Eventi DOM Oggetto Event