Beispiel
Führen Sie einen JavaScript , wenn ein Benutzer etwas in einem schreibt <input> Feld:
<input type="text" oninput="myFunction()"> Versuch es selber " Definition und Verwendung
Das oninput Ereignis tritt auf, wenn ein Element Benutzereingabe wird.
Dieses Ereignis tritt ein, wenn der Wert eines <input> oder <textarea> Element geändert wird.
Tipp: Dieses Ereignis ist ähnlich das onchange Ereignis. Der Unterschied besteht darin, dass die oninput Ereignis auftritt, unmittelbar nachdem der Wert eines Elements geändert hat, während Onchange tritt auf, wenn das Element den Fokus verliert, nachdem der Inhalt geändert wurde. Der andere Unterschied ist , dass das Ereignis onchange funktioniert auch auf <keygen> und <select> Elemente.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.
| Event | |||||
|---|---|---|---|---|---|
| oninput | Ja | 9.0 | 4.0 | 5.0 | Ja |
Syntax
In HTML:
In JavaScript:
object .oninput=function(){ Versuch es selber " In JavaScript mit den addEventListener() Methode:
object .addEventListener("input", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
| Blasen: | Ja |
|---|---|
| Es fällt eine Pauschale: | Nein |
| Event-Typ: | Event |
| Unterstützte HTML-Tags: | <Input type = "color">, <input type = "date">, <input type = "datetime"> <input type = "email">, <input type = "Monat"> <input type =“ Nummer ">, <input type =" password ">, <input type =" range ">, <input type =" search ">, <input type =" tel ">, <input type =" text ">, < input type = "Zeit"> <input type = "url">, <input type="week"> und <textarea> |
| DOM Version: | Level 3 Veranstaltungen |
<Ereignisobjekt