Esempio
Esegui un JavaScript quando un utente scrive qualcosa in un <input> campo:
<input type="text" oninput="myFunction()"> Prova tu stesso " Definizione e l'utilizzo
L'evento oninput si verifica quando un elemento riceve l'input dell'utente.
Questo evento si verifica quando il valore di un <input> o <textarea> elemento è cambiato.
Suggerimento: Questo evento è simile al onchange 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
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.
| Evento | |||||
|---|---|---|---|---|---|
| oninput | sì | 9.0 | 4.0 | 5.0 | sì |
Sintassi
In HTML:
In JavaScript:
object .oninput=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("input", 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 = "color">, <input type = "data">, <input type = "datetime">, <input type = "email">, <type = ingresso "mese">, <input type =" numero ">, <input type =" password ">, <input type =" range ">, <input type =" search ">, <input type =" ">, <input type =" tel testo ">, < input type = "tempo">, <input type = "url">, <input type="week"> e <textarea> |
| DOM Versione: | Livello 3 Eventi |
<Oggetto evento