oninput- Ereignis
Beispiel
Führen Sie ein JavaScript aus, wenn ein Benutzer etwas in ein <input>-Feld schreibt:
<input type="text" oninput="myFunction()">
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das oninput-Ereignis tritt auf, wenn ein Element Benutzereingaben erhält.
Dieses Ereignis tritt auf, wenn der Wert eines <input>- oder <textarea>-Elements geändert wird.
Tipp: Dieses Ereignis ähnelt dem onchange- Ereignis. Der Unterschied besteht darin, dass das oninput-Ereignis sofort auftritt, nachdem sich der Wert eines Elements geändert hat, während onchange auftritt, wenn das Element den Fokus verliert, nachdem der Inhalt geändert wurde. Der andere Unterschied besteht darin, dass das onchange-Ereignis auch auf <select>-Elemente wirkt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt.
Event | |||||
---|---|---|---|---|---|
oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
Syntax
Im HTML-Format:
<element oninput="myScript">
In JavaScript:
object.oninput = function(){myScript};
Verwenden Sie in JavaScript die Methode addEventListener():
object.addEventListener("input", myScript);
Hinweis: Die Methode addEventListener() wird in Internet Explorer 8 und früheren Versionen nicht unterstützt.
Technische Details
Bläschen: | ja |
---|---|
kündbar: | Nein |
Ereignistyp: | Ereignis , Eingabeereignis |
Unterstützte HTML-Tags: | <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type=" Nummer">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, < input type="time">, <input type="url">, <input type="week"> und <textarea> |
DOM-Version: | Ereignisse der Ebene 3 |
Mehr Beispiele
Beispiel
Bereichsschieberegler - So aktualisieren Sie den Schiebereglerwert dynamisch:
<input type="range" oninput="myFunction(this.value)">