Exemplu
Executați un JavaScript atunci când un utilizator scrie ceva într - un <input> domeniu:
<input type="text" oninput="myFunction()"> Încearcă - l singur » Definiție și utilizare
Evenimentul oninput are loc atunci când un element devine de intrare de utilizator.
Acest eveniment are loc atunci când valoarea unui <input> sau <textarea> element este schimbat.
Sfat: Acest eveniment este similar cu onchange eveniment. Diferența este că evenimentul oninput are loc imediat după valoarea unui element sa schimbat, în timp ce onchange apare atunci cand elementul isi pierde se concentreze, după ce conținutul a fost modificat. Cealaltă diferență este că evenimentul onchange , de asemenea , funcționează pe <keygen> și <select> elemente.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.
| Eveniment | |||||
|---|---|---|---|---|---|
| oninput | da | 9 | 4 | 5 | da |
Sintaxă
In HTML:
< Încearcă - l singur » În JavaScript:
object .oninput=function(){ Încearcă - l singur » În JavaScript, folosind addEventListener() metoda:
object .addEventListener("input", myScript );
Încearcă - l singur » Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
| Bule: | da |
|---|---|
| anulabil: | Nu |
| Tip de eveniment: | Eveniment |
| Tag-uri HTML acceptate: | <Input type = "culoare">, <input type = "data">, <input type = "datetime">, <input type = "e-mail">, <input type = "luna">, <input type =“ numărul ">, <input type =" parola ">, <input type =" gama ">, <input type =" search ">, <input type =" tel ">, <input type =" text ">, < input type = "timp">, <input type = "url">, <input type="week"> și <textarea> |
| DOM Versiune: | Nivelul 3 Evenimente |
<Eveniment obiect