JavaScript 监听组合按键思路及代码实现
网络编程 发布日期：2025/11/1 浏览次数：1
正在浏览：JavaScript 监听组合按键思路及代码实现
JavaScript监听组合按键
1. 思路
如图，通过监听并打印键盘keydown事件，得到图示内容，观察发现，
当按下的组合键包含Ctrl键时，ctrlKey键会显示为true;
当按下的组合键包含Shift键、或者按键之前开启大写时，shiftkey键会显示为true;
当按下的组合键包含Alt键时，altKey键会显示为true;
当按下的组合键包含meta键（Mac电脑上 是 【"color: #ff0000">2. 代码实例
// 按下键盘事件处理函数
onKeyDown(event) {
const keyCode = event.keyCode || event.which || event.charCode; // 有些浏览器除了通过keyCode获取输入键code，还可以通过which，charCode获取，这么写是出于浏览器兼容性考虑
const keyCombination = event.ctrlKey ;
if (keyCombination && keyCode == 75) {
console.log("按下了Ctrl + k键");
}
}