事件说明

我们将键盘按下后事件的所有属性和方法打印出来(这里以按下1为例)

			document.onkeydown = function(event){
				console.log(event);
			}

 这里面有几个需要注意的属性

key:按下按键的名称

keyCode:按下按键的键码

altKey、ctrlKey、shiftKey:当组合按下(如ctrl+c)时,ctrlKey会变为true

一、查看所有键

(获取event.key 按下的按键名称)(获取event.keyCode 按下的键码)

			document.onkeydown = function(event){
				console.log("按下:"+event.key+"键:"+event.keyCode);
			}

按下任意按键后的效果:

二、监听回车按下事件

这里以回车键(键码为13)为例 ,如果需要监听不同的按键,修改键码即可

			document.onkeydown = function(event){
				if(event.keyCode==13){
					// 事件
					console.log("按下了回车键")
				}
			}

三、监听组合键

这里以CTRL+A为例

altKey:按下Alt+*组合键时为true

ctrlKey:按下Ctrl+*组合键时为true

shiftKey:按下Shift+*组合键时为true

			document.onkeydown = function(event){
				if(event.ctrlKey & event.keyCode == 65){
					console.log("按下了CTRL+A")
				}
			}

4、详细的键码值列表

字母和数字键的键码值
按键键码按键键码
A65J74
B66K75
C67L76
D68M77
E69N78
F70O79
G71P80
H72Q81
I73R82
字母和数字键的键码值
按键键码按键键码
S83149
T84250
U85351
V86452
W87553
X88654
Y89755
Z90856
048957
数字键盘上的键的键码值
按键键码按键键码
0968104
1979105
298*106
399+107
4100Enter108
5101-109
6102.110
7103/111
功能键键码值
按键键码按键键码
F1112F7118
F2113F8119
F3114F9120
F4115F10121
F5116F11122
F6117F12123
控制键键码值
按键键码按键键码
BackSpace8Esc27
Tab9Spacebar32
Clear12Page Up33
Enter13Page Down34
Shift16End35
Control17Home36
Alt18Left Arrow37
Cape Lock20Up Arrow38
控制键键码值
按键键码按键键码
Right Arrow39-_189
Dw Arrow40.>190
Insert45/?191
Delete46`~192
Num Lock144[{219
;:186\|220
=+187]}221
,<188'"222
多媒体键码值
按键键码按键键码
音量加175
音量减174
停止179
静音173
浏览器172
邮件180
搜索170
收藏171

点击阅读全文
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐