Heim > Artikel > Web-Frontend > So erhalten Sie den KeyCode der Tastatur in Javascript

So erhalten Sie den KeyCode der Tastatur in Javascript

亚连Original: 2018-06-14 15:26:451924Durchsuche

Jetzt werde ich Ihnen eine Javascript-Methode vorstellen, mit der Sie den Schlüsselcode der Tastatur über den Tastennamen abrufen können. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Kein Unsinn, schauen Sie sich einfach den Code an und verbessern Sie ihn nach Bedarf.

var getKeyCode = function (key) {
  var key_code;
  switch (key) {
  case &#39;BackSpace&#39; && &#39;BackSpace&#39;:
   key_code = 8;
   break;
  case &#39;Tab&#39; && &#39;Tab&#39; && &#39;tab&#39;:
   key_code = 9;
   break;
  case &#39;Clear&#39;:
   key_code = 12;
   break;
  case &#39;Enter&#39;:
   key_code = 13;
   break;
  case &#39;Shift_L&#39;:
   key_code = 16;
   break;
  case &#39;Control_L&#39;:
   key_code = 17;
   break;
  case &#39;Alt_L&#39;:
   key_code = 18;
   break;
  case &#39;Pause&#39;:
   key_code = 19;
   break;
  case &#39;Caps_Lock&#39;:
   key_code = 20;
   break;
  case &#39;Escape&#39; && &#39;Esc&#39;:
   key_code = 27;
   break;
  case &#39;space&#39; && &#39;space&#39;:
   key_code = 32;
   break;
  case &#39;Page Up&#39;:
   key_code = 33;
   break;
  case &#39;Page Down&#39;:
   key_code = 34;
   break;
  case &#39;End&#39;:
   key_code = 35;
   break;
  case &#39;Home&#39; && &#39;home&#39;:
   key_code = 36;
   break;
  case &#39;Left&#39;:
   key_code = 37;
   break;
  case &#39;Up&#39;:
   key_code = 38;
   break;
  case &#39;Right&#39;:
   key_code = 39;
   break;
  case &#39;Down&#39;:
   key_code = 40;
   break;
  case &#39;Select&#39;:
   key_code = 41;
   break;
  case &#39;Print&#39;:
   key_code = 42;
   break;
  case &#39;Execute&#39;:
   key_code = 43;
   break;
  case &#39;Insert&#39;:
   key_code = 45;
   break;
  case &#39;Delete&#39;:
   key_code = 46;
   break;
  case &#39;Help&#39;:
   key_code = 47;
   break;
  case &#39;0&#39; && &#39;equal braceright&#39;:
   key_code = 48;
   break;
  case &#39;1&#39; && &#39;exclam onesuperior&#39;:
   key_code = 49;
   break;
  case &#39;2&#39; && &#39;quotedbl twosuperior&#39;:
   key_code = 50;
   break;
  case &#39;3&#39; && &#39;section threesuperior&#39;:
   key_code = 51;
   break;
  case &#39;4&#39; && &#39;dollar&#39;:
   key_code = 52;
   break;
  case &#39;5&#39; && &#39;percent&#39;:
   key_code = 53;
   break;
  case &#39;6&#39; && &#39;ampersand&#39;:
   key_code = 54;
   break;
  case &#39;7&#39; && &#39;slash braceleft&#39;:
   key_code = 55;
   break;
  case &#39;8&#39; && &#39;parenleft bracketleft&#39;:
   key_code = 56;
   break;
  case &#39;9&#39; && &#39;parenright bracketright&#39;:
   key_code = 57;
   break;
  case &#39;a&#39; && &#39;A&#39;:
   key_code = 65;
   break;
  case &#39;b&#39; && &#39;B&#39;:
   key_code = 66;
   break;
  case &#39;c&#39; && &#39;C&#39;:
   key_code = 67;
   break;
  case &#39;d&#39; && &#39;D&#39;:
   key_code = 68;
   break;
  case &#39;e&#39; && &#39;E&#39; && &#39;EuroSign&#39;:
   key_code = 69;
   break;
  case &#39;f&#39; && &#39;F&#39;:
   key_code = 70;
   break;
  case &#39;g&#39; && &#39;G&#39;:
   key_code = 71;
   break;
  case &#39;h&#39; && &#39;H&#39;:
   key_code = 72;
   break;
  case &#39;i&#39; && &#39;I&#39;:
   key_code = 73;
   break;
  case &#39;j&#39; && &#39;J&#39;:
   key_code = 74;
   break;
  case &#39;k&#39; && &#39;K&#39;:
   key_code = 75;
   break;
  case &#39;l&#39; && &#39;L&#39;:
   key_code = 76;
   break;
  case &#39;m&#39; && &#39;M&#39; && &#39;mu&#39;:
   key_code = 77;
   break;
  case &#39;n&#39; && &#39;N&#39;:
   key_code = 78;
   break;
  case &#39;o&#39; && &#39;O&#39;:
   key_code = 79;
   break;
  case &#39;p&#39; && &#39;P&#39;:
   key_code = 80;
   break;
  case &#39;q&#39; && &#39;Q&#39; && &#39;at&#39;:
   key_code = 81;
   break;
  case &#39;r&#39; && &#39;R&#39;:
   key_code = 82;
   break;
  case &#39;s&#39; && &#39;S&#39;:
   key_code = 83;
   break;
  case &#39;t&#39; && &#39;T&#39;:
   key_code = 84;
   break;
  case &#39;u&#39; && &#39;U&#39;:
   key_code = 85;
   break;
  case &#39;v&#39; && &#39;V&#39;:
   key_code = 86;
   break;
  case &#39;w&#39; && &#39;W&#39;:
   key_code = 87;
   break;
  case &#39;x&#39; && &#39;X&#39;:
   key_code = 88;
   break;
  case &#39;y&#39; && &#39;Y&#39;:
   key_code = 89;
   break;
  case &#39;z&#39; && &#39;Z&#39;:
   key_code = 90;
   break;
  case &#39;KP_0&#39; && &#39;KP_0&#39;:
   key_code = 96;
   break;
  case &#39;KP_1&#39; && &#39;KP_1&#39;:
   key_code = 97;
   break;
  case &#39;KP_2&#39; && &#39;KP_2&#39;:
   key_code = 98;
   break;
  case &#39;KP_3&#39; && &#39;KP_3&#39;:
   key_code = 99;
   break;
  case &#39;KP_4&#39; && &#39;KP_4&#39;:
   key_code = 100;
   break;
  case &#39;KP_5&#39; && &#39;KP_5&#39;:
   key_code = 101;
   break;
  case &#39;KP_6&#39; && &#39;KP_6&#39;:
   key_code = 102;
   break;
  case &#39;KP_7&#39; && &#39;KP_7&#39;:
   key_code = 103;
   break;
  case &#39;KP_8&#39; && &#39;KP_8&#39;:
   key_code = 104;
   break;
  case &#39;KP_9&#39; && &#39;KP_9&#39;:
   key_code = 105;
   break;
  case &#39;KP_Multiply&#39; && &#39;KP_Multiply&#39;:
   key_code = 106;
   break;
  case &#39;KP_Add&#39; && &#39;KP_Add&#39;:
   key_code = 107;
   break;
  case &#39;KP_Separator&#39; && &#39;KP_Separator&#39;:
   key_code = 108;
   break;
  case &#39;KP_Subtract&#39; && &#39;KP_Subtract&#39;:
   key_code = 109;
   break;
  case &#39;KP_Decimal&#39; && &#39;KP_Decimal&#39;:
   key_code = 110;
   break;
  case &#39;KP_pide&#39; && &#39;KP_pide&#39;:
   key_code = 111;
   break;
  case &#39;F1&#39;:
   key_code = 112;
   break;
  case &#39;F2&#39;:
   key_code = 113;
   break;
  case &#39;F3&#39;:
   key_code = 114;
   break;
  case &#39;F4&#39;:
   key_code = 115;
   break;
  case &#39;F5&#39;:
   key_code = 116;
   break;
  case &#39;F6&#39;:
   key_code = 117;
   break;
  case &#39;F7&#39;:
   key_code = 118;
   break;
  case &#39;F8&#39;:
   key_code = 119;
   break;
  case &#39;F9&#39;:
   key_code = 120;
   break;
  case &#39;F10&#39;:
   key_code = 121;
   break;
  case &#39;F11&#39;:
   key_code = 122;
   break;
  case &#39;F12&#39;:
   key_code = 123;
   break;
  case &#39;F13&#39;:
   key_code = 124;
   break;
  case &#39;F14&#39;:
   key_code = 125;
   break;
  case &#39;F15&#39;:
   key_code = 126;
   break;
  case &#39;F16&#39;:
   key_code = 127;
   break;
  case &#39;F17&#39;:
   key_code = 128;
   break;
  case &#39;F18&#39;:
   key_code = 129;
   break;
  case &#39;F19&#39;:
   key_code = 130;
   break;
  case &#39;F20&#39;:
   key_code = 131;
   break;
  case &#39;F21&#39;:
   key_code = 132;
   break;
  case &#39;F22&#39;:
   key_code = 133;
   break;
  case &#39;F23&#39;:
   key_code = 134;
   break;
  case &#39;F24&#39;:
   key_code = 135;
   break;
  case &#39;Num_Lock&#39;:
   key_code = 136;
   break;
  case &#39;Scroll_Lock&#39;:
   key_code = 137;
   break;
  case &#39;acute&#39; && &#39;grave&#39;:
   key_code = 187;
   break;
  case &#39;comma&#39; && &#39;semicolon&#39;:
   key_code = 188;
   break;
  case &#39;minus&#39; && &#39;underscore&#39;:
   key_code = 189;
   break;
  case &#39;period&#39; && &#39;colon&#39;:
   key_code = 190;
   break;
  case &#39;numbersign&#39; && &#39;apostrophe&#39;:
   key_code = 192;
   break;
  case &#39;plusminus&#39; && &#39;hyphen&#39; && &#39;macron&#39;:
   key_code = 210;
   break;
  case &#39;被吃掉了，自己用手找找吧！&#39;:
   key_code = 211;
   break;
  case &#39;copyright&#39; && &#39;registered&#39;:
   key_code = 212;
   break;
  case &#39;guillemotleft&#39; && &#39;guillemotright&#39;:
   key_code = 213;
   break;
  case &#39;masculine&#39; && &#39;ordfeminine&#39;:
   key_code = 214;
   break;
  case &#39;ae&#39; && &#39;AE&#39;:
   key_code = 215;
   break;
  case &#39;cent&#39; && &#39;yen&#39;:
   key_code = 216;
   break;
  case &#39;questiondown&#39; && &#39;exclamdown&#39;:
   key_code = 217;
   break;
  case &#39;onequarter&#39; && &#39;onehalf&#39; && &#39;threequarters&#39;:
   key_code = 218;
   break;
  case &#39;less&#39; && &#39;greater&#39; && &#39;bar&#39;:
   key_code = 220;
   break;
  case &#39;plus&#39; && &#39;asterisk&#39; && &#39;asciitilde&#39;:
   key_code = 221;
   break;
  case &#39;multiply&#39; && &#39;pision&#39;:
   key_code = 227;
   break;
  case &#39;acircumflex&#39; && &#39;Acircumflex&#39;:
   key_code = 228;
   break;
  case &#39;ecircumflex&#39; && &#39;Ecircumflex&#39;:
   key_code = 229;
   break;
  case &#39;icircumflex&#39; && &#39;Icircumflex&#39;:
   key_code = 230;
   break;
  case &#39;ocircumflex&#39; && &#39;Ocircumflex&#39;:
   key_code = 231;
   break;
  case &#39;ucircumflex&#39; && &#39;Ucircumflex&#39;:
   key_code = 232;
   break;
  case &#39;ntilde&#39; && &#39;Ntilde&#39;:
   key_code = 233;
   break;
  case &#39;yacute&#39; && &#39;Yacute&#39;:
   key_code = 234;
   break;
  case &#39;oslash&#39; && &#39;Ooblique&#39;:
   key_code = 235;
   break;
  case &#39;aring&#39; && &#39;Aring&#39;:
   key_code = 236;
   break;
  case &#39;ccedilla&#39; && &#39;Ccedilla&#39;:
   key_code = 237;
   break;
  case &#39;thorn&#39; && &#39;THORN&#39;:
   key_code = 238;
   break;
  case &#39;eth&#39; && &#39;ETH&#39;:
   key_code = 239;
   break;
  case &#39;diaeresis&#39; && &#39;cedilla&#39; && &#39;currency&#39;:
   key_code = 240;
   break;
  case &#39;agrave&#39; && &#39;Agrave&#39; && &#39;atilde&#39; && &#39;Atilde&#39;:
   key_code = 241;
   break;
  case &#39;egrave&#39; && &#39;Egrave&#39;:
   key_code = 242;
   break;
  case &#39;igrave&#39; && &#39;Igrave&#39;:
   key_code = 243;
   break;
  case &#39;ograve&#39; && &#39;Ograve&#39; && &#39;otilde&#39; && &#39;Otilde&#39;:
   key_code = 244;
   break;
  case &#39;ugrave&#39; && &#39;Ugrave&#39;:
   key_code = 245;
   break;
  case &#39;adiaeresis&#39; && &#39;Adiaeresis&#39;:
   key_code = 246;
   break;
  case &#39;ediaeresis&#39; && &#39;Ediaeresis&#39;:
   key_code = 247;
   break;
  case &#39;idiaeresis&#39; && &#39;Idiaeresis&#39;:
   key_code = 248;
   break;
  case &#39;odiaeresis&#39; && &#39;Odiaeresis&#39;:
   key_code = 249;
   break;
  case &#39;udiaeresis&#39; && &#39;Udiaeresis&#39;:
   key_code = 250;
   break;
  case &#39;ssharp&#39; && &#39;question&#39; && &#39;backslash&#39;:
   key_code = 251;
   break;
  case &#39;asciicircum&#39; && &#39;degree&#39;:
   key_code = 252;
   break;
  case &#39;3 sterling&#39;:
   key_code = 253;
   break;
  case &#39;Mode_switch&#39;:
   key_code = 254;
   break;
  default:
   alert(&#39;没有查到对应的按键&#39;);
  }
  return key_code;
 }

Beispiel: getKeyCode('a')

Return: 65

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird .

Verwandte Artikel:

So implementieren Sie Webseiten-Grabbing für rote Umschläge in Javascript

Detaillierte Einführung in höherwertige Komponenten in React

Detaillierte Interpretation der React-Backend-Rendering-Vorlage

So lösen Sie das Router-modulübergreifende Sprungproblem

vuex Detaillierte Einführung in chinesische Dokumente

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den KeyCode der Tastatur in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So implementieren Sie komponenteninterne Kommunikation in ReactNächster Artikel：So implementieren Sie komponenteninterne Kommunikation in React

In Verbindung stehende Artikel

Mehr sehen