使用JS监听键盘按下事件

超级小的大杯柠檬水

已于 2022-04-06 22:37:56 修改

阅读量1.4w

点赞数 9

分类专栏： Web 文章标签： javascript 前端

于 2022-04-06 22:37:02 首次发布

本文链接：https://blog.csdn.net/qq_59636442/article/details/124000853

版权

4 篇文章 0 订阅

订阅专栏

事件说明

我们将键盘按下后事件的所有属性和方法打印出来（这里以按下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")
				}
			}