KeyboardEvent值(keyCodes,metaKey等)

KeyboardEvent触发时,您可以测试按下了哪个键,因为该事件包含可以针对其编写逻辑的信息。

document.addEventListener("keydown", function(event) {
  console.log(event.which);
})

例如,按“ a”,您将得到65 。 显然, 最好编写逻辑,因为keyCode和charCode很复杂:

event.which属性规范化event.keyCode和event.charCode。 建议观看事件。

在keypress事件中,所按下键的Unicode值存储在keyCode或charCode属性中,而不是两者都存储。 如果按下的键生成一个字符(例如“ a”),则将charCode设置为该字符的代码,同时注意字母大小写。 (即charCode考虑是否按住Shift键)。 否则,按下的键的代码将存储在keyCode中。

测试工具

见笔event.keyCode测试由克里斯Coyier( @chriscoyier上) CodePen

键码值

这是一个表,其中包含event.which中的值。

退格键 8
标签 9
输入 13
转移 16
ctrl 17
alt 18岁
暂停休息 19
大写锁定 20
逃逸 27
(空间) 32
向上翻页 33
向下翻页 34
结束 35
36
左箭头 37
向上箭头 38
右箭头 39
向下箭头 40
45
删除 46
0 48
1个 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
一个 65
b 66
C 67
d 68
Ë 69
F 70
G 71
H 72
一世 73
Ĵ 74
ķ 75
76
77
ñ 78
Ø 79
p 80
q 81
[R 82
s 83
Ť 84
ü 85
v 86
w 87
X 88
ÿ 89
ž 90
左窗键 91
右窗键 92
选择键 93
小键盘0 96
小键盘1 97
小键盘2 98
数字键盘3 99
小键盘4 100
小键盘5 101
小键盘6 102
小键盘7 103
小键盘8 104
数字键盘9 105
106
107
减去 109
小数点 110
划分 111
f1 112
f2 113
f3 114
f4 115
f5 116
f6 117
f7 118
f8 119
f9 120
f10 121
f11 122
f12 123
数字键盘(的第一个键 144
滚动锁 145
分号 186
等号 187
逗号 188
短跑 189
190
正斜杠 191
重音 192
开括号 219
反斜线 220
关闭刹车 221
单引号 222

Zell Liew注意到Firefox中的这些键码中的3个不同于其他浏览器

  • ; 在Firefox中为59,在其他浏览器中为186。
  • =在Firefox中为61,在其他浏览器中为187。
  • -在Firefox中为173,在其他浏览器中为189。

重要说明:这些键码值仅在keydownkeyup事件期间有效。 在Mac上, keypress事件为您提供了完全不同的代码集。

例如:

keydown中的event.which event.which在按键
一个 65 97
b 66 98
C 67 99

翻译自: https://css-tricks.com/snippets/javascript/javascript-keycodes/

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值