JavaScript/DOM/Event/input: Unterschied zwischen den Versionen
Aus SELFHTML-Wiki
JavaScript | DOM | Event
K (Vorlage:BK)
Rolf b (Diskussion | Beiträge)
Zeile 4:
Zeile 4:
| name = input
| name = input
| Event-Handler = input
| Event-Handler = input
−
| Bedeutung = (削除) Der Eventhandler '''input''' (削除ここまで)wird (削除) bei einer Eingabe (削除ここまで)auf der (削除) Seite (削除ここまで)ausgelöst.
+ | Bedeutung = wird auf (追記) einem HTML-Element ausgelöst, wenn sich sein Wert verändert. Das Event wird sofort nach (追記ここまで)der (追記) Änderung (追記ここまで)ausgelöst(追記) , noch bevor der Eingabefokus das Feld verlässt (追記ここまで).
| Version = html5
| Version = html5
| Version2 =
| Version2 =
Zeile 26:
Zeile 26:
}}
}}
| Hinweis = Wird nur bei Änderungen durch den Benutzer ausgelöst, nicht jedoch, wenn das Skript selbst den Inhalt eines Eingabefeldes ändert.
| Hinweis = Wird nur bei Änderungen durch den Benutzer ausgelöst, nicht jedoch, wenn das Skript selbst den Inhalt eines Eingabefeldes ändert.
+
(追記) | Siehe_auch = [[JavaScript/DOM/Event/change|change]]-Event (追記ここまで)
| Tipp =
| Tipp =
}}
}}
Version vom 16. Februar 2024, 17:16 Uhr
Der input-Event-Handler wird auf einem HTML-Element ausgelöst, wenn sich sein Wert verändert. Das Event wird sofort nach der Änderung ausgelöst, noch bevor der Eingabefokus das Feld verlässt.
| bubbles |
ja |
|---|---|
| cancelable |
ja |
| mögliche Auslöser |
allen Elementen |
| Event-Objekt |
Event |
sofortige Ausgabe von eingegebenen Daten
ansehen ...
<form oninput="x.value=parseInt(a.value)">
Lautstärke:
<input type="range" id="a" value="50">
<output name="x" for="a">50</output>
</form>
Im Beispiel kann man mit einem Schieberegler die Lautstärke verändern. Sobald etwas im input-Feld eingegeben wird, löst input die Berechnung aus, die dann mit output ausgegeben wird.
Beachten Sie: Wird nur bei Änderungen durch den Benutzer ausgelöst, nicht jedoch, wenn das Skript selbst den Inhalt eines Eingabefeldes ändert.
Siehe auch
change-Event
Abgerufen am 2.09.2025
von "http://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/input"