JavaScript 监听组合按键思路及代码实现

JavaScript 监听组合按键思路及代码实现

JavaScript 监听组合按键

1. 思路

1. 思路

如图，通过监听并打印键盘 keydown 事件，得到图示内容，观察发现， 当按下的组合键包含 Ctrl 键时，ctrlKey 键会显示为 true; 当按下的组合键包含 Shift 键、或者按键之前开启大写时，shiftkey 键会显示为 true; 当按下的组合键包含 Alt 键时，altKey 键会显示为 true; 当按下的组合键包含 meta 键（Mac 电脑上 是 【⌘】、command 键，非 mac 电脑为 是 win 键时，metaKey 键会显示为 true 另外，按下键时，可通过 event 获取对应键的 ascii 码，结合这些信息就可以对按键进行判断了

2. 代码实例

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键");

   }

  }

到此这篇关于 JavaScript 监听组合按键思路及代码实现的文章就介绍到这了,更多相关 JavaScript 监听组合按键内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！