die Ereignisattribute
Beispiele
Als Unicode-Werte mit den Tasten auf der Tastatur drücken:
x Der Ausgang ist:
Versuchen »
Ende dieses Artikels enthält weitere Beispiele.
Definitionen und Verwendung
die 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
Zwei Arten von Werten nicht gleich sind, beispielsweise Kleinbuchstaben "w" und die Großbuchstaben "W" haben die gleiche Tastaturcode, weil sie auf ihrer Tastatur ( "W" Code "87") sind, aber sie haben unterschiedliche Charaktere Code, zwei Zeichen sind nicht die gleiche Leistung ( "w" und "W" Zeichencode "119" und "87") - Siehe auch die folgenden Beispiele besser verständlich.
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: IE8 und früheren Versionen nicht unterstützen , welche Attribute. Nicht unterstützte Browser verwenden können keyCode Eigenschaft. Allerdings keyCode Eigenschaften im Ereignis onkeypress Firefox-Browser ist ungültig. Kompatibel mit diesen Browsern Sie den folgenden Code verwenden:
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
Die Zahlen in der Tabelle stellen die erste Browser die Eigenschaft Versionsnummer zu unterstützen.
Immobilien | |||||
---|---|---|---|---|---|
die | ja | 9.0 | ja | ja | ja |
Grammatik
Technische Details
Rückkehr: | Eine Zahl, die den Unicode-Zeichencode oder Unicode-Schlüssel-Code darstellt |
---|---|
DOM-Version: | DOM Level 2 Veranstaltungen |
Weitere Beispiele
Beispiele
Verwenden Sie onkeypress und onKeyDown den Unterschied zwischen Zeichencodes und Tastaturcodes zu demonstrieren:
Funktion uniCharCode (event) {
var char = event.which || event.keyCode; // event.keyCode für IE8 und frühere Versionen
document.getElementById ( "Demo") .innerHTML = "Unicode - Zeichencode:" + char;
}
Funktion uniKeyCode (event) {
var key = event.which || event.keyCode; // event.keyCode für IE8 und frühere Versionen
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-Tastatur-Codes: 65
Versuchen »
Beispiele
Wenn Sie die Esc-Taste drücken, um eine Nachricht zu Pop-up:
Funktion myFunction (event) {
var x = event.which || event.keyCode; // event.keyCode für IE8 und frühere Versionen
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 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 Referenz: charCode Ereigniseigenschaften