Evento onchange

Eventi DOM Oggetto Evento

Definizione e uso

Verrà generato l'evento onchange quando il valore dell'elemento cambia.

Per le caselle di selezione singola e multipla, viene generato l'evento onchange quando lo stato di selezione cambia.

Suggerimento:Questo evento è simile a Evento oninput. La differenza principale è che l'evento oninput si verifica immediatamente dopo che il valore dell'elemento cambia, mentre l'evento onchange si verifica quando l'elemento perde il fuoco e il contenuto cambia. Un'altra differenza è che l'evento onchange si applica anche agli elementi <select>.

Esempio

Esempio 1

Esegui JavaScript quando l'utente cambia l'opzione selezionata dell'elemento <select>:

<select onchange="myFunction()">

Prova tu stesso

Esempio 2

Esegui JavaScript quando l'utente modifica il contenuto del campo di input:

<input type="text" onchange="myFunction()">

Prova tu stesso

Sintassi

In HTML:

<elemento onchange="myScript">

Prova tu stesso

In JavaScript:

oggetto.onchange = function(){myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("change", myScript);

Prova tu stesso

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

Dettagli tecnici

Bubbling: Supporto
Cancellabile: Non supportato
Tipo di evento: Event
Supportati tag HTML: <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> e <textarea>
Versione DOM: Eventi livello 2

Supporto browser

Eventi Chrome IE Firefox Safari Opera
onchange Supporto Supporto Supporto Supporto Supporto
Eventi DOM Oggetto Evento