onchange- Ereignis
Beispiel
Führen Sie ein JavaScript aus, wenn ein Benutzer die ausgewählte Option eines <select>-Elements ändert:
<select onchange="myFunction()">
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das Ereignis onchange tritt auf, wenn der Wert eines Elements geändert wurde.
Bei Radiobuttons und Checkboxen tritt das onchange-Ereignis auf, wenn der aktivierte Status geändert wurde.
Tipp: Dieses Ereignis ähnelt dem oninput- 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
| Event | |||||
|---|---|---|---|---|---|
| onchange | Yes | Yes | Yes | Yes | Yes |
Syntax
Im HTML-Format:
<element onchange="myScript">
In JavaScript:
object.onchange = function(){myScript};
Verwenden Sie in JavaScript die Methode addEventListener():
object.addEventListener("change", 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: | Fall |
| Unterstützte HTML-Tags: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, < input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week ">, <select> und <textarea> |
| DOM-Version: | Ereignisse der Ebene 2 |
Mehr Beispiele
Beispiel
Führen Sie ein JavaScript aus, wenn ein Benutzer den Inhalt eines Eingabefelds ändert:
<input type="text"
onchange="myFunction()">