JavaScript/DOM/Event/keypress

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche

Der keypress-Event-Handler ' wird bei gedrückt gehaltener Taste ausgelöst.

bubbles

ja

cancelable

ja

mögliche Auslöser

allen Elementen, außer im head

Event-Objekt

KeyboardEvent

Beispiel ansehen …
  <form name="Test" action="">
    <input type="text" size="30" name="Eingabe"
      onkeypress="alert(this.value)">
  </form>

Im Beispiel ist ein Formular mit einem Eingabefeld definiert. Wenn der Anwender in dem Eingabefeld etwas eingibt, wird bei jedem Tastendruck in einem Meldungsfenster der aktuelle Wert des Formularfeldes ausgegeben.

Dazu ist in dem Eingabefeld der Event-Handler keypress notiert. Er tritt in Aktion, wenn eine Taste gedrückt und gedrückt gehalten wird.

Beachten Sie: Das keypress-Event ist deprecated, es wird die Verwendung des beforeinput-Events empfohlen.
Empfehlung: Auf Touch-Geräten kann es zu Problemen mit der Erfassung von Tastatur-Eingaben kommen, da das Drücken der Umschalt-Taste nicht erfasst wird und es so zu Problemen mit der Groß-/Kleinschreibung kommen kann.[1]. Trotzdem konnten sie problemlos eingesetzt werden und sind mittlerweile im DOM3 spezifiziert.[2]


  1. developer.mozilla.org: auto-repeat_handling
  2. W3C event-type-keypress