按键信息获取工具是一个简单而有用的网页应用程序,旨在帮助用户实时获取键盘按键事件的相关信息,包括按键字符值 (event.key)、按键键码 (event.which) 和按键标识符 (event.code)。这个工具可以在开发和调试过程中提供有力的支持,使用户能够更深入地理解和分析键盘事件,为应用程序的改进和优化提供有价值的洞察。
键盘事件提供了三种不同的属性,用于描述按下的键的不同方面,包括字符值 (event.key),键码 (event.which),和标识符 (event.code)。这些属性在键盘事件处理中非常有用,因为它们允许开发人员更全面地了解和处理按键事件。
按键的字符值 (event.key):
event.key 属性返回按下的键所对应的字符值。这是一个表示按键的实际字符的字符串,通常用于显示按键产生的文本字符。
例如,如果用户按下字母键 "A",event.key 返回的值将是 "A"。如果按下数字键 "5",则返回 "5"。
event.key 受到键盘布局的影响,因此不同的键盘布局可能会返回不同的字符。
按键的键码 (event.which):
event.which 属性已经过时,不再被推荐使用。它曾经用于获取按键的键码,但由于不同浏览器和操作系统之间的差异,以及无法处理一些特殊按键,所以已经被弃用。
按键的标识符 (event.code):
event.code 属性返回按下的键的标准标识符,它代表了按键的物理位置。与 event.key 不同,event.code 不受键盘布局的影响,可以准确地表示不同键盘上的相同键。
例如,不管你使用哪种键盘布局,按下的 Enter 键的 event.code 始终是 "Enter"。
event.code 通常用于处理键盘事件,特别是当需要跨不同键盘布局进行一致性处理时,或者需要处理功能键(如箭头键、功能键等)时。
| 键码 | 对应的按键 |
|---|---|
| 0 | 该键码没有对应的按键 |
| 3 | Break |
| 8 | Backspace / Delete |
| 9 | Tab |
| 12 | Clear |
| 13 | Enter |
| 16 | Shift |
| 17 | Ctrl |
| 18 | Alt |
| 19 | Pause/Break |
| 20 | Caps Lock |
| 21 | hangul |
| 25 | hanja |
| 27 | Escape |
| 28 | Conversion |
| 29 | Non-conversion |
| 32 | Spacebar |
| 33 | Page Up |
| 34 | Page Down |
| 35 | End |
| 36 | Home |
| 37 | Left Arrow |
| 38 | Up Arrow |
| 39 | Right Arrow |
| 40 | Down Arrow |
| 41 | Select |
| 42 | |
| 43 | Execute |
| 44 | Print Screen |
| 45 | Insert |
| 46 | Delete |
| 47 | Help |
| 48 | 0 |
| 49 | 1 |
| 50 | 2 |
| 51 | 3 |
| 52 | 4 |
| 53 | 5 |
| 54 | 6 |
| 55 | 7 |
| 56 | 8 |
| 57 | 9 |
| 58 | : |
| 59 | Semicolon (firefox), Equals |
| 60 | < |
| 61 | Equals (firefox) |
| 63 | ß |
| 64 | @ (firefox) |
| 65 | A |
| 66 | B |
| 67 | C |
| 68 | D |
| 69 | E |
| 70 | F |
| 71 | G |
| 72 | H |
| 73 | I |
| 74 | J |
| 75 | K |
| 76 | L |
| 77 | M |
| 78 | N |
| 79 | O |
| 80 | P |
| 81 | Q |
| 82 | R |
| 83 | S |
| 84 | T |
| 85 | U |
| 86 | V |
| 87 | W |
| 88 | X |
| 89 | Y |
| 90 | Z |
| 91 | Windows Key / Left ⌘ / Chromebook Search key |
| 92 | Right Window Key |
| 93 | Windows Menu / Right ⌘ |
| 95 | Sleep |
| 96 | Numpad 0 |
| 97 | Numpad 1 |
| 98 | Numpad 2 |
| 99 | Numpad 3 |
| 100 | Numpad 4 |
| 101 | Numpad 5 |
| 102 | Numpad 6 |
| 103 | Numpad 7 |
| 104 | Numpad 8 |
| 105 | Numpad 9 |
| 106 | Multiply |
| 107 | Add |
| 108 | Numpad period (firefox) |
| 109 | Subtract |
| 110 | Decimal Point |
| 111 | Divide |
| 112 | F1 |
| 113 | F2 |
| 114 | F3 |
| 115 | F4 |
| 116 | F5 |
| 117 | F6 |
| 118 | F7 |
| 119 | F8 |
| 120 | F9 |
| 121 | F10 |
| 122 | F11 |
| 123 | F12 |
| 124 | F13 |
| 125 | F14 |
| 126 | F15 |
| 127 | F16 |
| 128 | F17 |
| 129 | F18 |
| 130 | F19 |
| 131 | F20 |
| 132 | F21 |
| 133 | F22 |
| 134 | F23 |
| 135 | F24 |
| 136 | F25 |
| 137 | F26 |
| 138 | F27 |
| 139 | F28 |
| 140 | F29 |
| 141 | F30 |
| 142 | F31 |
| 143 | F32 |
| 144 | Num Lock |
| 145 | Scroll Lock |
| 151 | Airplane Mode |
| 160 | ^ |
| 161 | ! |
| 162 | ؛ (arabic semicolon) |
| 163 | # |
| 164 | $ |
| 165 | ù |
| 166 | Page Backward |
| 167 | Page Forward |
| 168 | Refresh |
| 169 | Closing Paren (AZERTY) |
| 170 | * |
| 171 | ~ + * Key |
| 172 | Home Key |
| 173 | minus (firefox), mute/unmute |
| 174 | Decrease Volume Level |
| 175 | Increase Volume Level |
| 176 | Next |
| 177 | Previous |
| 178 | Stop |
| 179 | Play/Pause |
| 180 | |
| 181 | Mute/Unmute (firefox) |
| 182 | Decrease Volume Level (firefox) |
| 183 | Increase Volume Level (firefox) |
| 186 | Semi-colon / ñ |
| 187 | Equal Sign |
| 188 | Comma |
| 189 | Dash |
| 190 | Period |
| 191 | Forward Slash / ç |
| 192 | Grave Accent / ñ / æ / ö |
| 193 | ?, / or ° |
| 194 | Numpad Period (chrome) |
| 219 | Open Bracket |
| 220 | Back Slash |
| 221 | Close Bracket / å |
| 222 | Single Quote / ø / ä |
| 223 | ` |
| 224 | Left Or Right ⌘ key (firefox) |
| 225 | Altgr |
| 226 | < /git >, Left Back Slash |
| 230 | GNOME Compose Key |
| 231 | ç |
| 233 | XF86Forward |
| 234 | XF86Back |
| 235 | Non-conversion |
| 240 | Alphanumeric |
| 242 | Hiragana/Katakana |
| 243 | Half-width/Full-width |
| 244 | Kanji |
| 251 | Unlock Trackpad (Chrome/Edge) |
| 255 | Toggle Touchpad |
