JavaScript/DOM/Event/keypress

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.. Trotzdem konnten sie problemlos eingesetzt werden und sind mittlerweile im DOM3 spezifiziert.