使用JS监听键盘按下事件

事件说明

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

代码语言：javascript复制

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

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

key:按下按键的名称

keyCode:按下按键的键码

altKey、ctrlKey、shiftKey：当组合按下（如ctrl c）时，ctrlKey会变为true

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

代码语言：javascript复制

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

按下任意按键后的效果：

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

代码语言：javascript复制

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

这里以CTRL A为例

altKey：按下Alt *组合键时为true

ctrlKey：按下Ctrl *组合键时为true

shiftKey：按下Shift *组合键时为true

代码语言：javascript复制

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

0 人点赞