JavaScript event keyCode 已过时

18 min read
keyCode值 code值 key值 描述
49 ‘Digit1’ ‘1’ 上方数字键1按下
97 ‘Numpad1’ ‘1’ 小键盘数字键1按下
16 ‘ShiftLeft’ ‘Shift’ 左侧的Shift键
16 ‘ShiftRight’ ‘Shift’ 右侧的Shift键
190 ‘Period’ ‘.’ 主键盘中的点符号
110 ‘NumpadDecimal’ ‘.’ 数字键盘中的小数点符号
229 ‘Period’ ‘Process’ 中文输入法下主键盘中的点符号
229 ‘Minus’ ‘Process’ 中文输入法下主键盘中的’-‘符号
189 ‘Minus’ ‘-‘ 主键盘中的’-‘符号
109 ‘NumpadSubtract’ ‘-‘ 数字键盘中的’-‘符号

换成这些了:

event.code指明按下的是具体哪个物理键,键盘上每一个按键都对应一个唯一的event.code值,均使用大写英文单词表示。

event.key指明具体输入的字符内容,如果是非打印字符(例如Enter键、Esc键、Shift键、Alt键等),则返回具体的非打印字符的英文名称,如果输入内容与输入法有关则返回固定的Process名称。

功能键key值更实用,因此放在前面展示。

详见下表:

按键名称 event.key keyCode值
回车 Enter 13
delete删除 Delete 46
backspace退格 Backspace 8
esc取消 Escape 27
tab索引 Tab 9
ArrowUp 38
ArrowDown 40
ArrowLeft 37
ArrowRight 39
pageDown下一页 PageDown 34
pageUp上一页 PageUp 33
home键 Home 36
end键 End 35
shift键 Shift 16
control键 Control 17
alt键 Alt 18