CSS, HTML UND JAVASCRIPT MIT {STIL}

Mit der zunehmenden Bedeutung von Javascript für Web-Applications kommt jedem Javascript-Event eine immer höhere Bedeutung zu. Das einfache Absenden eines Formulars und das Erkennen eines einzelnen Zeichens reichen für ausgefeilte Javascript-Anwendungen nicht mehr aus. Soll z.B. eine Navigation mit den Pfeil-Tasten umgesetzt werden, müssen die jeweiligen Tasten erkannt werden.

In der Event Level 2 Spezifikation hat das W3C noch die Finger von den Tasten gelassen, aber Javascript unterstützt die Tastatur-Events nichts desto Trotz seit eh und je. Mit DOM Level 3 Events ist die Unterstützung jetzt endlich offiziell …

• Traditionell liefert das Drücken einer Taste auf der Tastatur drei Werte: keyCode, charCode und which. Jedes dieser drei Attribute ist ein numerischer Wert.
• keyCode numerischer Wert der gedrückten Taste
• charCode der Ascii-Schlüssel der Taste
• which ist das Zeichen

Nun sind nicht alle Tastaturen gleich: Amerikanische Tastaturen enthalten kein ä, deutsche Tastaturen brauchen eine Tastatur-Kombination, um ein französisches E Accent Grave umzusetzen.

Der Key Code wird als Eigenschaft des Javascript Events onkeydown abgehört, z.B. wie folgt:

function getKeyCode(event) {
   event = event || window.event;
   return event.keyCode;
}

Das Ergenis zeigt die einzelne Taste, die gedrückt wurde – und zwar als Zahl. Bei einigen Tasten allerdings kann das Event schon vom Betriebssystem abgefangen werden (z.B. die Tasten Lautsprecher lauter oder leiser auf dem Mac)

In das Eingabefeld klicken oder navigieren und eine Taste drücken, um den Javascript-Key Code anzuzeigen: