Das habe ich jetzt:

$("input").bind("keydown",function(e){
    var value = this.value + String.fromCharCode(e.keyCode);
}

Wenn das e.keyCodenicht ein ASCII - Zeichen sein kann ( Alt, backspace, del, arrows., Usw.) ... würde ich jetzt muß trimaus diesen Werten valueirgendwie (vorzugsweise programmatisch - nicht mit Lookup - Tabellen).

Ich benutze jQuery.

Ich muss das keydownEreignis nutzen. keyPressnicht aktiviert , für bestimmte Tasten I erfassen müssen ( Esc, del, backspace, etc.).

Ich kann nicht verwenden setTimeout, um den Wert der Eingabe zu erhalten. setTimeout(function(){},0)ist zu langsam.

Vielleicht habe ich die Frage nicht richtig verstanden, aber können Sie sie nicht verwenden, keyupwenn Sie beide Eingaben erfassen möchten?

$("input").bind("keyup",function(e){
    var value = this.value + String.fromCharCode(e.keyCode);
});

Durch meine Erfahrung String.fromCharCode(e.keyCode) ist unzuverlässig. String.fromCharCodeerwartet Unicode-Zeichen als Argument; e.keyCodeGibt Javascript-Schlüsselcodes zurück. Javascript-Schlüsselcodes und Unicode-Charcodes sind nicht dasselbe! Insbesondere geben die Zifferntasten eine andere keycodeals die normalen Zifferntasten zurück (da es sich um unterschiedliche Tasten handelt), während keycodefür beide upperund lowercaseBuchstaben dieselbe zurückgegeben wird (Sie haben in beiden Fällen dieselbe Taste gedrückt), obwohl sie unterschiedlich sind charcodes.

Zum Beispiel erzeugt der gewöhnliche Zifferntaste 1 ein Ereignis mit keycode49, während die Zifferntaste 1 (mit Ein Numlock) keycode97 generiert. Bei Verwendung mit erhalten String.fromCharCodewir Folgendes:

String.fromCharCode(49) returns "1"
String.fromCharCode(97) returns "a"

String.fromCharCodeerwartet Unicode-Zeichencodes, keine Javascript-Schlüsselcodes. Die Taste aerzeugt ein Ereignis mit einer keycodevon 65, unabhängig von der Groß- / Kleinschreibung des Zeichens, das sie erzeugen würde (es gibt auch einen Modifikator für das ShiftDrücken der Taste usw. im Ereignis). Das Zeichen ahat einen Unicode charcodevon 61, während das Zeichen Aeinen charcodevon 41 hat (laut beispielsweise http://www.utf8-chartable.de/ ). Dies sind jedoch hexWerte. Wenn wir in Dezimalzahlen konvertieren, erhalten wir einen Wert charcodevon 65 für "A" und 97 für "a". [1] Dies steht im Einklang mit dem, was wir bekommenString.fromCharCode für diese Werte erhalten.

Meine eigene Anforderung beschränkte sich darauf, Zahlen und gewöhnliche Buchstaben zu verarbeiten (je nach Position in der Zeichenfolge zu akzeptieren oder abzulehnen) und Steuerzeichen ( F-keys, Ctrl-something) durchzulassen. Auf diese Weise kann ich nach Steuerzeichen suchen. Wenn es sich nicht um ein Steuerzeichen handelt, das ich anhand eines Bereichs überprüfe, muss ich erst dann das tatsächliche Zeichen abrufen. Da ich mir keine Sorgen um Groß- und Kleinschreibung mache (ich ändere sowieso alle Buchstaben in Großbuchstaben) und den Bereich der Tastencodes bereits eingeschränkt habe, muss ich mich nur um die Tasten des Nummernblocks kümmern. Dafür genügt:

String.fromCharCode((96 <= key && key <= 105)? key-48 : key)

Allgemeiner eine Funktion zum zuverlässigen Zurückgeben des Zeichens von a charcode großartig (möglicherweise als jQuery-Plugin), aber ich habe gerade keine Zeit, sie zu schreiben. Es tut uns leid.

Ich würde auch erwähnen e.which (wenn Sie jQuery verwenden), was normalisiert e.keyCodeund e.charCode, damit Sie sich keine Gedanken darüber machen müssen, welche Art von Taste gedrückt wurde. Das Problem bei der Kombination String.fromCharCodebleibt bestehen.

[1] Ich war eine Weile verwirrt -. Alle Dokumente sagen, String.fromCharCodedass ein Unicode erwartet wird charcode, während es in der Praxis für ASCII-Zeichencodes zu funktionieren schien, aber das lag meiner Meinung nach an der Notwendigkeit, von hexadezimal in Dezimalzahlen umzuwandeln, kombiniert mit der Tatsache, dass sich ASCII-Zeichencodes und Unicode-Dezimalzeichencodes für normale Benutzer überlappen lateinische Buchstaben.

Lesbare Schlüsselnamen, die durch Schlüsselcode indiziert sind

Da es relativ wenige Schlüsselcodes gibt, habe ich einfach alle entsprechenden Werte in einem statischen Array aufgelistet, damit ich die Zahl einfach 65in Ausing umwandeln kannkeyboardMap[65]

Nicht alle Schlüsselcodes sind einem druckbaren Zeichen zugeordnet, sodass eine andere identifizierbare Zeichenfolge zurückgegeben wird.

Möglicherweise müssen Sie das Array an Ihre Bedürfnisse anpassen und können einfach leere Zeichenfolgen für alle Zeichen zurückgeben, die Sie nicht übersetzen möchten. Mit dem folgenden Array kann ich schnell und zuverlässig feststellen, welche Taste in einer Umgebung gedrückt wurde. Genießen!

// names of known key codes (0-255)

var keyboardMap = [
  "", // [0]
  "", // [1]
  "", // [2]
  "CANCEL", // [3]
  "", // [4]
  "", // [5]
  "HELP", // [6]
  "", // [7]
  "BACK_SPACE", // [8]
  "TAB", // [9]
  "", // [10]
  "", // [11]
  "CLEAR", // [12]
  "ENTER", // [13]
  "ENTER_SPECIAL", // [14]
  "", // [15]
  "SHIFT", // [16]
  "CONTROL", // [17]
  "ALT", // [18]
  "PAUSE", // [19]
  "CAPS_LOCK", // [20]
  "KANA", // [21]
  "EISU", // [22]
  "JUNJA", // [23]
  "FINAL", // [24]
  "HANJA", // [25]
  "", // [26]
  "ESCAPE", // [27]
  "CONVERT", // [28]
  "NONCONVERT", // [29]
  "ACCEPT", // [30]
  "MODECHANGE", // [31]
  "SPACE", // [32]
  "PAGE_UP", // [33]
  "PAGE_DOWN", // [34]
  "END", // [35]
  "HOME", // [36]
  "LEFT", // [37]
  "UP", // [38]
  "RIGHT", // [39]
  "DOWN", // [40]
  "SELECT", // [41]
  "PRINT", // [42]
  "EXECUTE", // [43]
  "PRINTSCREEN", // [44]
  "INSERT", // [45]
  "DELETE", // [46]
  "", // [47]
  "0", // [48]
  "1", // [49]
  "2", // [50]
  "3", // [51]
  "4", // [52]
  "5", // [53]
  "6", // [54]
  "7", // [55]
  "8", // [56]
  "9", // [57]
  "COLON", // [58]
  "SEMICOLON", // [59]
  "LESS_THAN", // [60]
  "EQUALS", // [61]
  "GREATER_THAN", // [62]
  "QUESTION_MARK", // [63]
  "AT", // [64]
  "A", // [65]
  "B", // [66]
  "C", // [67]
  "D", // [68]
  "E", // [69]
  "F", // [70]
  "G", // [71]
  "H", // [72]
  "I", // [73]
  "J", // [74]
  "K", // [75]
  "L", // [76]
  "M", // [77]
  "N", // [78]
  "O", // [79]
  "P", // [80]
  "Q", // [81]
  "R", // [82]
  "S", // [83]
  "T", // [84]
  "U", // [85]
  "V", // [86]
  "W", // [87]
  "X", // [88]
  "Y", // [89]
  "Z", // [90]
  "OS_KEY", // [91] Windows Key (Windows) or Command Key (Mac)
  "", // [92]
  "CONTEXT_MENU", // [93]
  "", // [94]
  "SLEEP", // [95]
  "NUMPAD0", // [96]
  "NUMPAD1", // [97]
  "NUMPAD2", // [98]
  "NUMPAD3", // [99]
  "NUMPAD4", // [100]
  "NUMPAD5", // [101]
  "NUMPAD6", // [102]
  "NUMPAD7", // [103]
  "NUMPAD8", // [104]
  "NUMPAD9", // [105]
  "MULTIPLY", // [106]
  "ADD", // [107]
  "SEPARATOR", // [108]
  "SUBTRACT", // [109]
  "DECIMAL", // [110]
  "DIVIDE", // [111]
  "F1", // [112]
  "F2", // [113]
  "F3", // [114]
  "F4", // [115]
  "F5", // [116]
  "F6", // [117]
  "F7", // [118]
  "F8", // [119]
  "F9", // [120]
  "F10", // [121]
  "F11", // [122]
  "F12", // [123]
  "F13", // [124]
  "F14", // [125]
  "F15", // [126]
  "F16", // [127]
  "F17", // [128]
  "F18", // [129]
  "F19", // [130]
  "F20", // [131]
  "F21", // [132]
  "F22", // [133]
  "F23", // [134]
  "F24", // [135]
  "", // [136]
  "", // [137]
  "", // [138]
  "", // [139]
  "", // [140]
  "", // [141]
  "", // [142]
  "", // [143]
  "NUM_LOCK", // [144]
  "SCROLL_LOCK", // [145]
  "WIN_OEM_FJ_JISHO", // [146]
  "WIN_OEM_FJ_MASSHOU", // [147]
  "WIN_OEM_FJ_TOUROKU", // [148]
  "WIN_OEM_FJ_LOYA", // [149]
  "WIN_OEM_FJ_ROYA", // [150]
  "", // [151]
  "", // [152]
  "", // [153]
  "", // [154]
  "", // [155]
  "", // [156]
  "", // [157]
  "", // [158]
  "", // [159]
  "CIRCUMFLEX", // [160]
  "EXCLAMATION", // [161]
  "DOUBLE_QUOTE", // [162]
  "HASH", // [163]
  "DOLLAR", // [164]
  "PERCENT", // [165]
  "AMPERSAND", // [166]
  "UNDERSCORE", // [167]
  "OPEN_PAREN", // [168]
  "CLOSE_PAREN", // [169]
  "ASTERISK", // [170]
  "PLUS", // [171]
  "PIPE", // [172]
  "HYPHEN_MINUS", // [173]
  "OPEN_CURLY_BRACKET", // [174]
  "CLOSE_CURLY_BRACKET", // [175]
  "TILDE", // [176]
  "", // [177]
  "", // [178]
  "", // [179]
  "", // [180]
  "VOLUME_MUTE", // [181]
  "VOLUME_DOWN", // [182]
  "VOLUME_UP", // [183]
  "", // [184]
  "", // [185]
  "SEMICOLON", // [186]
  "EQUALS", // [187]
  "COMMA", // [188]
  "MINUS", // [189]
  "PERIOD", // [190]
  "SLASH", // [191]
  "BACK_QUOTE", // [192]
  "", // [193]
  "", // [194]
  "", // [195]
  "", // [196]
  "", // [197]
  "", // [198]
  "", // [199]
  "", // [200]
  "", // [201]
  "", // [202]
  "", // [203]
  "", // [204]
  "", // [205]
  "", // [206]
  "", // [207]
  "", // [208]
  "", // [209]
  "", // [210]
  "", // [211]
  "", // [212]
  "", // [213]
  "", // [214]
  "", // [215]
  "", // [216]
  "", // [217]
  "", // [218]
  "OPEN_BRACKET", // [219]
  "BACK_SLASH", // [220]
  "CLOSE_BRACKET", // [221]
  "QUOTE", // [222]
  "", // [223]
  "META", // [224]
  "ALTGR", // [225]
  "", // [226]
  "WIN_ICO_HELP", // [227]
  "WIN_ICO_00", // [228]
  "", // [229]
  "WIN_ICO_CLEAR", // [230]
  "", // [231]
  "", // [232]
  "WIN_OEM_RESET", // [233]
  "WIN_OEM_JUMP", // [234]
  "WIN_OEM_PA1", // [235]
  "WIN_OEM_PA2", // [236]
  "WIN_OEM_PA3", // [237]
  "WIN_OEM_WSCTRL", // [238]
  "WIN_OEM_CUSEL", // [239]
  "WIN_OEM_ATTN", // [240]
  "WIN_OEM_FINISH", // [241]
  "WIN_OEM_COPY", // [242]
  "WIN_OEM_AUTO", // [243]
  "WIN_OEM_ENLW", // [244]
  "WIN_OEM_BACKTAB", // [245]
  "ATTN", // [246]
  "CRSEL", // [247]
  "EXSEL", // [248]
  "EREOF", // [249]
  "PLAY", // [250]
  "ZOOM", // [251]
  "", // [252]
  "PA1", // [253]
  "WIN_OEM_CLEAR", // [254]
  "" // [255]
];

Hinweis: Die Position jedes Werts im obigen Array ist wichtig. Das ""ist Platzhalter für Codes mit unbekannten Werten.

Versuchen Sie das folgende Code-Snippet mit diesem statischen Array-Lookup-Ansatz ...

var keyCodes = [];

$("#reset").click(function() {
  keyCodes = [];
  $("#in").val("");
  $("#key-codes").html("var keyCodes = [ ];");
  $("#key-names").html("var keyNames = [ ];");
});

$(document).keydown(function(e) {
  keyCodes.push(e.which);
  updateOutput();
});

function updateOutput() {
  var kC = "var keyCodes = [ ";
  var kN = "var keyNames = [ ";

  var len = keyCodes.length;

  for (var i = 0; i < len; i++) {
    kC += keyCodes[i];
    kN += "'"+keyboardMap[keyCodes[i]]+"'";
    if (i !== (len - 1)) {
      kC += ", ";
      kN += ", ";
    }
  }

  kC += " ];";
  kN += " ];";

  $("#key-codes").html(kC);
  $("#key-names").html(kN);
}



var keyboardMap = [
  "", // [0]
  "", // [1]
  "", // [2]
  "CANCEL", // [3]
  "", // [4]
  "", // [5]
  "HELP", // [6]
  "", // [7]
  "BACK_SPACE", // [8]
  "TAB", // [9]
  "", // [10]
  "", // [11]
  "CLEAR", // [12]
  "ENTER", // [13]
  "ENTER_SPECIAL", // [14]
  "", // [15]
  "SHIFT", // [16]
  "CONTROL", // [17]
  "ALT", // [18]
  "PAUSE", // [19]
  "CAPS_LOCK", // [20]
  "KANA", // [21]
  "EISU", // [22]
  "JUNJA", // [23]
  "FINAL", // [24]
  "HANJA", // [25]
  "", // [26]
  "ESCAPE", // [27]
  "CONVERT", // [28]
  "NONCONVERT", // [29]
  "ACCEPT", // [30]
  "MODECHANGE", // [31]
  "SPACE", // [32]
  "PAGE_UP", // [33]
  "PAGE_DOWN", // [34]
  "END", // [35]
  "HOME", // [36]
  "LEFT", // [37]
  "UP", // [38]
  "RIGHT", // [39]
  "DOWN", // [40]
  "SELECT", // [41]
  "PRINT", // [42]
  "EXECUTE", // [43]
  "PRINTSCREEN", // [44]
  "INSERT", // [45]
  "DELETE", // [46]
  "", // [47]
  "0", // [48]
  "1", // [49]
  "2", // [50]
  "3", // [51]
  "4", // [52]
  "5", // [53]
  "6", // [54]
  "7", // [55]
  "8", // [56]
  "9", // [57]
  "COLON", // [58]
  "SEMICOLON", // [59]
  "LESS_THAN", // [60]
  "EQUALS", // [61]
  "GREATER_THAN", // [62]
  "QUESTION_MARK", // [63]
  "AT", // [64]
  "A", // [65]
  "B", // [66]
  "C", // [67]
  "D", // [68]
  "E", // [69]
  "F", // [70]
  "G", // [71]
  "H", // [72]
  "I", // [73]
  "J", // [74]
  "K", // [75]
  "L", // [76]
  "M", // [77]
  "N", // [78]
  "O", // [79]
  "P", // [80]
  "Q", // [81]
  "R", // [82]
  "S", // [83]
  "T", // [84]
  "U", // [85]
  "V", // [86]
  "W", // [87]
  "X", // [88]
  "Y", // [89]
  "Z", // [90]
  "OS_KEY", // [91] Windows Key (Windows) or Command Key (Mac)
  "", // [92]
  "CONTEXT_MENU", // [93]
  "", // [94]
  "SLEEP", // [95]
  "NUMPAD0", // [96]
  "NUMPAD1", // [97]
  "NUMPAD2", // [98]
  "NUMPAD3", // [99]
  "NUMPAD4", // [100]
  "NUMPAD5", // [101]
  "NUMPAD6", // [102]
  "NUMPAD7", // [103]
  "NUMPAD8", // [104]
  "NUMPAD9", // [105]
  "MULTIPLY", // [106]
  "ADD", // [107]
  "SEPARATOR", // [108]
  "SUBTRACT", // [109]
  "DECIMAL", // [110]
  "DIVIDE", // [111]
  "F1", // [112]
  "F2", // [113]
  "F3", // [114]
  "F4", // [115]
  "F5", // [116]
  "F6", // [117]
  "F7", // [118]
  "F8", // [119]
  "F9", // [120]
  "F10", // [121]
  "F11", // [122]
  "F12", // [123]
  "F13", // [124]
  "F14", // [125]
  "F15", // [126]
  "F16", // [127]
  "F17", // [128]
  "F18", // [129]
  "F19", // [130]
  "F20", // [131]
  "F21", // [132]
  "F22", // [133]
  "F23", // [134]
  "F24", // [135]
  "", // [136]
  "", // [137]
  "", // [138]
  "", // [139]
  "", // [140]
  "", // [141]
  "", // [142]
  "", // [143]
  "NUM_LOCK", // [144]
  "SCROLL_LOCK", // [145]
  "WIN_OEM_FJ_JISHO", // [146]
  "WIN_OEM_FJ_MASSHOU", // [147]
  "WIN_OEM_FJ_TOUROKU", // [148]
  "WIN_OEM_FJ_LOYA", // [149]
  "WIN_OEM_FJ_ROYA", // [150]
  "", // [151]
  "", // [152]
  "", // [153]
  "", // [154]
  "", // [155]
  "", // [156]
  "", // [157]
  "", // [158]
  "", // [159]
  "CIRCUMFLEX", // [160]
  "EXCLAMATION", // [161]
  "DOUBLE_QUOTE", // [162]
  "HASH", // [163]
  "DOLLAR", // [164]
  "PERCENT", // [165]
  "AMPERSAND", // [166]
  "UNDERSCORE", // [167]
  "OPEN_PAREN", // [168]
  "CLOSE_PAREN", // [169]
  "ASTERISK", // [170]
  "PLUS", // [171]
  "PIPE", // [172]
  "HYPHEN_MINUS", // [173]
  "OPEN_CURLY_BRACKET", // [174]
  "CLOSE_CURLY_BRACKET", // [175]
  "TILDE", // [176]
  "", // [177]
  "", // [178]
  "", // [179]
  "", // [180]
  "VOLUME_MUTE", // [181]
  "VOLUME_DOWN", // [182]
  "VOLUME_UP", // [183]
  "", // [184]
  "", // [185]
  "SEMICOLON", // [186]
  "EQUALS", // [187]
  "COMMA", // [188]
  "MINUS", // [189]
  "PERIOD", // [190]
  "SLASH", // [191]
  "BACK_QUOTE", // [192]
  "", // [193]
  "", // [194]
  "", // [195]
  "", // [196]
  "", // [197]
  "", // [198]
  "", // [199]
  "", // [200]
  "", // [201]
  "", // [202]
  "", // [203]
  "", // [204]
  "", // [205]
  "", // [206]
  "", // [207]
  "", // [208]
  "", // [209]
  "", // [210]
  "", // [211]
  "", // [212]
  "", // [213]
  "", // [214]
  "", // [215]
  "", // [216]
  "", // [217]
  "", // [218]
  "OPEN_BRACKET", // [219]
  "BACK_SLASH", // [220]
  "CLOSE_BRACKET", // [221]
  "QUOTE", // [222]
  "", // [223]
  "META", // [224]
  "ALTGR", // [225]
  "", // [226]
  "WIN_ICO_HELP", // [227]
  "WIN_ICO_00", // [228]
  "", // [229]
  "WIN_ICO_CLEAR", // [230]
  "", // [231]
  "", // [232]
  "WIN_OEM_RESET", // [233]
  "WIN_OEM_JUMP", // [234]
  "WIN_OEM_PA1", // [235]
  "WIN_OEM_PA2", // [236]
  "WIN_OEM_PA3", // [237]
  "WIN_OEM_WSCTRL", // [238]
  "WIN_OEM_CUSEL", // [239]
  "WIN_OEM_ATTN", // [240]
  "WIN_OEM_FINISH", // [241]
  "WIN_OEM_COPY", // [242]
  "WIN_OEM_AUTO", // [243]
  "WIN_OEM_ENLW", // [244]
  "WIN_OEM_BACKTAB", // [245]
  "ATTN", // [246]
  "CRSEL", // [247]
  "EXSEL", // [248]
  "EREOF", // [249]
  "PLAY", // [250]
  "ZOOM", // [251]
  "", // [252]
  "PA1", // [253]
  "WIN_OEM_CLEAR", // [254]
  "" // [255]
];

#key-codes,
#key-names {
  font-family: courier, serif;
  font-size: 1.2em;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="in" placeholder="Type here..." />
<button id="reset">Reset</button>
<br/>
<br/>
<div id="key-codes">var keyCodes = [ ];</div>
<div id="key-names">var keyNames = [ ];</div>

Bemerkenswerte Schlüsselcodes

Buchstaben AZ: (65-90)

keyboardMap[65];  // A
...
keyboardMap[90];  // Z

Ziffern 0-9: (48-57)

keyboardMap[48];  // 0
...
keyboardMap[57];  // 9

Nummernblock 0-9: (96-105)

keyboardMap[96];   // NUMPAD0
...
keyboardMap[105];  // NUMPAD9

Pfeiltasten: (37-40)

keyboardMap[37];  // LEFT
keyboardMap[38];  // UP
keyboardMap[39];  // RIGHT
keyboardMap[40];  // DOWN

Tabulatortaste: (9)

keyboardMap[9];  // TAB

Eingabetaste: (13)

keyboardMap[13];  // ENTER

Leertaste: (32)

keyboardMap[32];  // SPACE

Betriebssystemspezifischer Schlüssel (91) Windows-Schlüssel (Windows) oder Befehlstaste (Mac)

keyboardMap[91];  // OS_KEY

Alt-Taste: (18)

keyboardMap[18];  // ALT

Steuertaste: (17)

keyboardMap[17];  // CONTROL

Umschalttaste: (16)

keyboardMap[16];  // SHIFT

Feststelltaste: (20)

keyboardMap[20];  // CAPS_LOCK

Nur ein wichtiger Hinweis: Die oben akzeptierte Antwort funktioniert nicht richtig für keyCode> = 144, dh Punkt, Komma, Bindestrich usw. Für diese sollten Sie einen allgemeineren Algorithmus verwenden:

let chrCode = keyCode - 48 * Math.floor(keyCode / 48);
let chr = String.fromCharCode((96 <= keyCode) ? chrCode: keyCode);

Wenn Sie neugierig sind, warum, ist dies anscheinend aufgrund des Verhaltens der integrierten JS-Funktion erforderlich String.fromCharCode(). Für Werte keyCode <= 96scheint es mit der Funktion abzubilden:

chrCode = keyCode - 48 * Math.floor(keyCode / 48)

Für Werte keyCode > 96scheint es mit der Funktion abzubilden:

chrCode = keyCode

Wenn dies seltsam erscheint, dann stimme ich zu. Leider wäre es weit entfernt von dem Seltsamsten, was ich im JS-Kern gesehen habe.

document.onkeydown = function(e) {
    let keyCode = e.keyCode;
    let chrCode = keyCode - 48 * Math.floor(keyCode / 48);
    let chr = String.fromCharCode((96 <= keyCode) ? chrCode: keyCode);
    console.log(chr);
};

<input type="text" placeholder="Focus and Type"/>

Ich gehe davon aus, dass dies für ein Spiel oder eine schnell reagierende Art von Anwendung ist, daher die Verwendung von KEYDOWN als KEYPRESS.

Edit : Dang! Ich stehe korrigiert da (danke Crescent Fresh und David): JQuery (oder besser gesagt die zugrunde liegenden DOM-Hosts) legen die Details von WM_KEYDOWN und anderen Ereignissen nicht offen. Vielmehr verarbeiten sie diese Daten vorab und im Fall von keyDown erhalten wir sogar in JQuery:

• event.keyCode für Nicht-Zeichenschlüssel
• event.charCode für Zeichentasten

Beachten Sie, dass diese Eigenschaften die UniCode-Werte sind.
Beachten Sie, dass ich in JQuery-Dokumenten keinen maßgeblichen Verweis darauf finden konnte, aber viele seriöse Beispiele im Internet beziehen sich auf diese beiden Eigenschaften.

Der folgende Code, der aus einem Java (nicht Javascript) von mir übernommen wurde, ist daher völlig falsch ...

Im Folgenden finden Sie die "interessanten" Teile des Schlüsselcodes:

  value = e.KeyCode;
  repeatCount = value & 0xFF;
  scanCode = (value >> 16) & 0xFF;  // note we take the "extended bit" deal w/ it later.
  wasDown = ((value & 0x4000) != 0);  // indicate key was readily down (auto-repeat)
  if (scanCode > 127)
      // deal with extended
  else
      // "regular" character

Ich weiß, dass dies eine alte Frage ist, aber ich bin heute auf die Suche nach einer vorgefertigten Lösung für dieses Problem gestoßen und habe nichts gefunden, was meinen Anforderungen wirklich entsprach.

Hier ist eine Lösung (nur Englisch), die Großbuchstaben (verschoben), Kleinbuchstaben, Interpunktion, Zifferntastatur usw. korrekt unterstützt.

Es ermöglicht auch die einfache und unkomplizierte Identifizierung und Reaktion auf nicht druckbare Tasten wie ESC, Pfeile, Funktionstasten usw.

https://jsfiddle.net/5hhu896g/1/

keyboardCharMap and keyboardNameMap are the key to making this work

Vielen Dank an DaveAlger, der mir das Tippen erspart hat - und viel Entdeckung! - durch Bereitstellung des Named Key Arrays.

Ich schrieb vor kurzem ein Modul namens Keysight Technologies , das übersetzt keypress, keydownundkeyup Ereignisse in Zeichen und Tasten sind.

Beispiel:

 element.addEventListener("keydown", function(event) {
    var character = keysight(event).char
 })

Für diejenigen unter Ihnen, die hierher gekommen sind, um nach den tatsächlichen Unicode-Zeichenwerten für einen Schlüsselcode zu suchen, wie ich es getan habe, ist hier eine Funktion dafür. Wenn beispielsweise der Unicode-Schlüsselcode mit dem Rechtspfeil angegeben wird, wird die sichtbare Zeichenfolge ausgegeben\u001B\u005B\u0043

function toUnicode(theString) {
    var unicodeString = '';
    for (var i = 0; i < theString.length; i++) {
        var theUnicode = theString.charCodeAt(i).toString(16).toUpperCase();
        while (theUnicode.length < 4) {
            theUnicode = '0' + theUnicode;
        }
        theUnicode = '\\u' + theUnicode;
        unicodeString += theUnicode;
    }
    return unicodeString;
}

Sie können auch die schreibgeschützte Eigenschaft verwenden key. Es respektiert auch spezielle Schlüssel wieshift usw. und wird von IE9 unterstützt.

Wenn ein nicht druckbares oder Sonderzeichen gedrückt wird, ist der Wert einer der definierten Tastenwerte wie 'Shift'oder 'Multiply'.

• Tastatur     event.key
• X             -> 'x'
• Shift+ X ->'X'
• F5            -> 'F5'

Unter diesem Link erhalten Sie den Schlüsselcode vom Tastendruck und den Zeichenwert für einen beliebigen Schlüsselcode

$('input#inp').keyup(function(e){
   $(this).val(String.fromCharCode(e.keyCode)); 
   $('div#output').html('Keycode : ' + e.keyCode);  
});