Evento di ingresso
Esempio
Esegui un JavaScript quando un utente scrive qualcosa in un campo <input>:
<input type="text" oninput="myFunction()">
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
L'evento oninput si verifica quando un elemento riceve l'input dell'utente.
Questo evento si verifica quando viene modificato il valore di un elemento <input> o <textarea>.
Suggerimento: questo evento è simile all'evento onchange . 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
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento.
| Event | |||||
|---|---|---|---|---|---|
| oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
Sintassi
In HTML:
<element oninput="myScript">
In JavaScript:
object.oninput = function(){myScript};
In JavaScript, utilizzando il metodo addEventListener():
object.addEventListener("input", myScript);
Nota: il metodo addEventListener() non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| Bolle: | sì |
|---|---|
| Annullabile: | No |
| Tipo di evento: | Evento , InputEvent |
| Tag HTML supportati: | <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type=" numero">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, < input type="time">, <input type="url">, <input type="week"> e <textarea> |
| Versione DOM: | Eventi di livello 3 |
Altri esempi
Esempio
Dispositivo di scorrimento dell'intervallo: come aggiornare dinamicamente il valore del dispositivo di scorrimento:
<input type="range" oninput="myFunction(this.value)">