JavaScript/DOM/Event/keypress

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche
Event-Handler JavaScript 1.2 DOM 3.0 keypress
Bedeutung Der Eventhandler keypress wird bei gedrückt gehaltener Taste ausgelöst.
bubbles ja
cancelable ja
Elternelemente Darf vorkommen in: allen Elementen, außer im head
Event-Objekt KeyboardEvent
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel

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.

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

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.

Tipp

Die Event-Handler für Tastatureingaben waren lange in keinem Standard zu finden, da es in Unix-System abweichende Verhalten gab.[1]. Trotzdem konnten sie problemlos eingesetzt werden und sind mittlerweile im DOM3 spezifiziert.[2]

Quellen
  1. developer.mozilla.org: auto-repeat_handling
  2. W3C event-type-keydown
siehe auch

{{{siehe_auch}}}

Weblinks

{{{Weblinks}}}