Latest web development tutorials

Ereignis keyCode Eigenschaft

Ereignisobjektreferenz Ereignisobjekte

Beispiele

Als Unicode-Werte mit den Tasten auf der Tastatur drücken:

var x = event.keyCode;

x Der Ausgang ist:

119 // 119 ist das Zeichen "w"

Versuchen »

Ende dieses Artikels enthält weitere Beispiele.

Definitionen und Verwendung

keyCode Eigenschaft gibt onkeypress Ereignis - Trigger Schlüsselzeichencodewert oder onkeydown oder onkeyup Ereignis Schlüsselcode.

Ist die Differenz zwischen den beiden Arten von Code:

  • Zeichencode - Gibt ein ASCII-Zeichen
  • Tastaturcodes - steht für die Zifferntasten auf der Tastatur in Echt
p> zwei Arten von Werten nicht gleich sind, beispielsweise Kleinbuchstaben "w" und großen "W" haben die gleiche Tastaturcode, weil sie auf der Tastatur ( "W" Code "87") sind, aber sie haben ihre unterschiedlichen Zeichencode, zwei Zeichen sind nicht die gleiche Leistung ( "w" und "W" Zeichencode "119" und "87") - Siehe die folgenden Beispiele besser verstanden werden kann.

Tipp: Wenn Sie der Benutzer die Drucktaste ist (wie zum Beispiel "a" oder "5") wissen müssen, empfiehlt es sich onkeypress Ereignis zu verwenden. Wenn Sie drückt der Benutzer eine Funktionstaste (wie "F1", "CAPS LOCK" oder "Home") wissen müssen, können onkeydown oder onkeyup Ereignis verwendet werden.

Hinweis: In den folgenden ,, keyCode Eigenschaft onkeypress Ereignis ungültig ist (return 0) gewonnen . Browser Kompatibilitätsprobleme können mit verwendet werden , welche und keyCode Eigenschaften zu lösen:

var x = event.which || event.keyCode; // verwendet werden, die oder keyCode kann diese verschiedenen Browser unterstützen

Hinweis: Eine Liste aller Unicode - Zeichen können unsere siehe vollständige Unicode - Referenzhandbuch .

Tipp: Wenn Sie Unicode - Zeichenwert konvertieren müssen, können Sie fromCharCode () Methode.

Hinweis: Diese Eigenschaft ist schreibgeschützt.

Hinweis: die keyCode Eigenschaft und bietet eine Lösung Methode für die Browser - Kompatibilität, die neueste Version des DOM - Ereignis empfohlen Schlüsselattribut als alternative Methode.

Tipp: Wenn Sie , ob die Taste "ALT" sehen wollen, "CTRL", "META" oder "SHIFT" -Taste, können Sie altKey , ctrlKey , metakey oder shiftKey Eigenschaft.

Browser-Unterstützung

Immobilien
keyCode ja ja ja ja ja

Grammatik

Ereignis .keyCode

Technische Details

Rückkehr: Eine Zahl, die den Unicode-Zeichencode oder Unicode-Schlüssel-Code darstellt
DOM-Version: DOM Level 2 Veranstaltungen

Beispiele

Weitere Beispiele

Beispiele

Verwenden Sie onkeypress und onKeyDown den Unterschied zwischen Zeichencodes und Tastaturcodes zu demonstrieren:

<Input type = "text" onkeypress = "uniCharCode (event)" onkeydown = "uniKeyCode (event)">

Funktion uniCharCode (event) {
var char = event.which || event.keyCode;
document.getElementById ( "Demo") .innerHTML = "Unicode - Zeichencode:" + char;
}

Funktion uniKeyCode (event) {
var key = event.keyCode;
document.getElementById ( "demo2") .innerHTML = "Unicode - KEY - Code:" + Taste;
}

Wenn auf der Tastatur "a" Taste gedrückt wird (nicht Caps verwenden Lock), sind die Ausgabeergebnisse wie folgt:

Unicode-Zeichencode: 97
Unicode Schlüsselcode: 65

Versuchen »

Beispiele

Wenn Sie die Esc-Taste drücken, um eine Nachricht zu Pop-up:

<Input type = "text" onkeydown = "myFunction (event)">

Funktion myFunction (event) {
var x = event.keyCode;
if (x == 27) {// 27 ESC - Taste ist
alert ( "Sie haben die Taste Escape - Taste !");
}
}

Versuchen »

Beispiele

So konvertieren Unicode-Werte für die Charaktere (nicht für die Funktionstasten):

var x = event.keyCode; // Ruft den Unicode - Wert
var y = String.fromCharCode (x); // den Wert in ein Zeichen umgewandelt

Versuchen »

Verwandte Seiten

HTML - DOM - Referenzhandbuch: Key Ereigniseigenschaften

HTML - DOM - Referenzhandbuch: die keyCode Eigenschaft Veranstaltung

HTML - DOM - Referenzhandbuch: Welche Ereigniseigenschaften

Ereignisobjektreferenz Ereignisobjekte