JS监听键盘事件

最新推荐文章于 2024-11-09 00:53:03 发布

原创最新推荐文章于 2024-11-09 00:53:03 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

该代码示例展示了如何使用JavaScript的onkeydown事件监听键盘输入，包括Esc、F2和Enter键的响应。通过比较event.keyCode值，可以识别用户按下的是哪个键，并执行相应的操作。

JavaScript监听键盘事件

实例：

<script>
document.onkeydown = function (event) {
	var e = event || window.event || arguments.callee.caller.arguments[0];
	if (e && e.keyCode == 27) { // 按 Esc 
		alert("Esc");
	}
	if (e && e.keyCode == 113) { // 按 F2 
		alert("F2");
	}            
	if (e && e.keyCode == 13) { // Enter 键
		alert("Enter");
	}
	// ... 
}; 
</script>

keyCode对应关系如下：

按键	键码
BackSpace	8
Tab	9
Clear	12
Enter	13
Shift	16
Control	17
Alt	18
Cape Lock	20
Esc	27
Spacebar	32
Page Up	33
Page Down	34
End	35
Home	36
Left Arrow	37
Right Arrow	39
Down Arrow	40
Insert	45
Delete	46
Num Lock	144
；：	186
= +	187
- _ ——	189
. > 。》	190
/ ? / ？	191
· ~ `	192
[【 {	219
、\	220
] 】}	221
…	…