onchange Evento
Esempio
Esegui un JavaScript quando un utente modifica l'opzione selezionata di un elemento <select>:
<select onchange="myFunction()">
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
L'evento onchange si verifica quando il valore di un elemento è stato modificato.
Per i pulsanti di opzione e le caselle di controllo, l'evento onchange si verifica quando lo stato selezionato è stato modificato.
Suggerimento: questo evento è simile all'evento oninput . La differenza è che l'evento oninput si verifica immediatamente dopo che 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 sugli elementi <select>.
Supporto browser
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Sintassi
In HTML:
<element onchange="myScript">
In JavaScript:
object.onchange = function(){myScript};
In JavaScript, utilizzando il metodo addEventListener():
object.addEventListener("change", myScript);
Nota: il metodo addEventListener() non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
Bolle: | sì |
---|---|
Annullabile: | No |
Tipo di evento: | Evento |
Tag HTML supportati: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" file">, <input type="mese">, <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 ">, <seleziona> e <area di testo> |
Versione DOM: | Eventi di livello 2 |
Altri esempi
Esempio
Esegui un JavaScript quando un utente modifica il contenuto di un campo di input:
<input type="text"
onchange="myFunction()">