按键信息获取工具是一个简单而有用的网页应用程序,旨在帮助用户实时获取键盘按键事件的相关信息,包括按键字符值 (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 |