oninput Event
Příklad
Spusťte JavaScript, když uživatel něco napíše do pole <input>:
<input type="text" oninput="myFunction()">
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
K události oninput dochází, když prvek získá uživatelský vstup.
K této události dochází, když se změní hodnota prvku <input> nebo <textarea>.
Tip: Tato událost je podobná události onchange . Rozdíl je v tom, že událost oninput nastane okamžitě po změně hodnoty prvku, zatímco onchange nastane, když prvek ztratí fokus, po změně obsahu. Dalším rozdílem je, že událost onchange funguje také na elementech <select>.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje.
| Event | |||||
|---|---|---|---|---|---|
| oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
Syntax
V HTML:
<element oninput="myScript">
V JavaScriptu:
object.oninput = function(){myScript};
V JavaScriptu pomocí metody addEventListener():
object.addEventListener("input", myScript);
Poznámka: Metoda addEventListener() není podporována v aplikaci Internet Explorer 8 a starších verzích.
Technické údaje
| bubliny: | Ano |
|---|---|
| Zrušitelné: | Ne |
| Typ události: | Událost , InputEvent |
| Podporované HTML tagy: | <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type=" číslo">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, < input type="time">, <input type="url">, <input type="week"> a <textarea> |
| Verze DOM: | Události úrovně 3 |
Další příklady
Příklad
Posuvník rozsahu – jak dynamicky aktualizovat hodnotu posuvníku:
<input type="range" oninput="myFunction(this.value)">