键码获取 (按下按键获取对应的JavaSctipt键码)
even.key
-
even.which
-
even.code
-

键码获取KeyCode

空间向量距离计算

按键信息获取工具是一个简单而有用的网页应用程序,旨在帮助用户实时获取键盘按键事件的相关信息,包括按键字符值 (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该键码没有对应的按键
3Break
8Backspace / Delete
9Tab
12Clear
13Enter
16Shift
17Ctrl
18Alt
19Pause/Break
20Caps Lock
21hangul
25hanja
27Escape
28Conversion
29Non-conversion
32Spacebar
33Page Up
34Page Down
35End
36Home
37Left Arrow
38Up Arrow
39Right Arrow
40Down Arrow
41Select
42Print
43Execute
44Print Screen
45Insert
46Delete
47Help
480
491
502
513
524
535
546
557
568
579
58:
59Semicolon (firefox), Equals
60<
61Equals (firefox)
63ß
64@ (firefox)
65A
66B
67C
68D
69E
70F
71G
72H
73I
74J
75K
76L
77M
78N
79O
80P
81Q
82R
83S
84T
85U
86V
87W
88X
89Y
90Z
91Windows Key / Left ⌘ / Chromebook Search key
92Right Window Key
93Windows Menu / Right ⌘
95Sleep
96Numpad 0
97Numpad 1
98Numpad 2
99Numpad 3
100Numpad 4
101Numpad 5
102Numpad 6
103Numpad 7
104Numpad 8
105Numpad 9
106Multiply
107Add
108Numpad period (firefox)
109Subtract
110Decimal Point
111Divide
112F1
113F2
114F3
115F4
116F5
117F6
118F7
119F8
120F9
121F10
122F11
123F12
124F13
125F14
126F15
127F16
128F17
129F18
130F19
131F20
132F21
133F22
134F23
135F24
136F25
137F26
138F27
139F28
140F29
141F30
142F31
143F32
144Num Lock
145Scroll Lock
151Airplane Mode
160^
161!
162؛ (arabic semicolon)
163#
164$
165ù
166Page Backward
167Page Forward
168Refresh
169Closing Paren (AZERTY)
170*
171~ + * Key
172Home Key
173minus (firefox), mute/unmute
174Decrease Volume Level
175Increase Volume Level
176Next
177Previous
178Stop
179Play/Pause
180E-mail
181Mute/Unmute (firefox)
182Decrease Volume Level (firefox)
183Increase Volume Level (firefox)
186Semi-colon / ñ
187Equal Sign
188Comma
189Dash
190Period
191Forward Slash / ç
192Grave Accent / ñ / æ / ö
193?, / or °
194Numpad Period (chrome)
219Open Bracket
220Back Slash
221Close Bracket / å
222Single Quote / ø / ä
223`
224Left Or Right ⌘ key (firefox)
225Altgr
226< /git >, Left Back Slash
230GNOME Compose Key
231ç
233XF86Forward
234XF86Back
235Non-conversion
240Alphanumeric
242Hiragana/Katakana
243Half-width/Full-width
244Kanji
251Unlock Trackpad (Chrome/Edge)
255Toggle Touchpad
[开发类]

解析或者生成JWT字符串的工具

[开发类]

快速生成常用cURL命令,学cRUL的好工具

[开发类]

IP地址转换为整数

[开发类]

随机生成网络头像

[开发类]

在线编码解码URL

[开发类]

快速而简单地创建符合您需求的定制占位图片