Home > Article > Web Front-end > How to get the keyCode of the keyboard in javascript

How to get the keyCode of the keyboard in javascript

亚连Original: 2018-06-14 15:26:451871browse

Below I will share with you a javascript method to obtain the keyCode of the keyboard through the key name. It has a good reference value and I hope it will be helpful to everyone.

No nonsense, just look at the code and improve it as needed.

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;
 }

Example: getKeyCode('a')

Return: 65

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

How to implement web page grabbing red envelopes in Javascript

##Detailed introduction to high-order components in React

Detailed interpretation of react back-end rendering template

How to solve the problem of Router cross-module jump

vuex Detailed introduction to Chinese documentation

The above is the detailed content of How to get the keyCode of the keyboard in javascript. For more information, please follow other related articles on the PHP Chinese website!

JavaScript

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to implement component internal communication in ReactNext article：How to implement component internal communication in React

See more

How to get the keyCode of the keyboard in javascript

Related articles