onchange evento

<Oggetto evento

Esempio

Esegui un JavaScript quando un utente modifica l'opzione selezionata di un <select> elemento:

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

L'evento onchange verifica quando il valore di un elemento è stato modificato.

Per radiobuttons e caselle di controllo, l'evento onchange si verifica quando lo stato controllato è stato modificato.

Suggerimento: Questo evento è simile al oninput evento. La differenza è che l'evento oninput verifica immediatamente dopo il valore di un elemento è cambiato, mentre onchange si verifica quando l'elemento perde il focus, dopo che il contenuto è stato modificato. L'altra differenza è che l'evento onchange funziona anche su <keygen> e <select> elementi.

Supporto browser

Evento
onchange	sì	sì	sì	sì	sì

Sintassi

In HTML:

< Prova tu stesso "

In JavaScript:

object .onchange=function(){ Prova tu stesso "

In JavaScript, utilizzando il addEventListener() Metodo:

object .addEventListener("change", myScript );

Prova tu stesso "

Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.

Dettagli tecnici

bolle:	sì
cancelable:	No
Tipo di evento:	Evento
tag HTML supportati:	<Input type = "checkbox">, <input type = "color">, <input type = "data">, <input type = "datetime">, <input type = "email">, <input type =" file ">, <input type =" mese ">, <input type =" numero ">, <input type =" password ">, <input type =" radio ">, <input type =" range ">, < input type = "search">, <input type = "tel">, <input type = "text">, <input type = "tempo">, <input type = "url">, <input type = "settimana ">, <keygen>, <select> e <textarea>
DOM Versione:	Livello 2 Eventi