如何通过JavaScript获取Mac的命令键?

如何通过JavaScript捕获Mac的Cmd键?

当前回答

var element = //the DOM element to listen for the key on.
element.onkeyup = function(e) {
   if(e.metaKey) {
      //command key was pressed
   }
}

其他回答

var element = //the DOM element to listen for the key on.
element.onkeyup = function(e) {
   if(e.metaKey) {
      //command key was pressed
   }
}

编辑:截至2019年，根据MDN，所有主要浏览器都支持e.m akey。

注意，在Windows上，虽然win win键被认为是“元”键，但它不会被浏览器捕获。

这仅适用于MacOS/键盘上的命令键。

与Shift/Alt/Ctrl不同，Cmd(“Apple”)键不被认为是修饰键，相反，您应该根据event.keyCode监听keydown/keyup并记录何时按下键，然后按下键。

不幸的是，这些关键代码依赖于浏览器:

Firefox: 224 歌剧:17 WebKit浏览器(Safari/Chrome): 91(左命令)或93(右命令)

您可能有兴趣阅读“JavaScript疯狂:键盘事件”这篇文章，我是从那里学到这些知识的。

基于Ilya的数据，我编写了一个香草JS库，用于在Mac上支持修改器键:https://github.com/MichaelZelensky/jsLibraries/blob/master/macKeys.js

就像这样用吧，例如:

document.onclick = function (event) {
  if (event.shiftKey || macKeys.shiftKey) {
    //do something interesting
  }
}

在Chrome, Safari, Firefox, Mac上的Opera上进行了测试。请检查是否适合您。

我发现在最新版本的Safari(7.0: 9537.71)中，如果命令键与另一个键同时按下，就可以检测到它。例如，如果你想检测⌘+x:，你可以检测x键并检查if事件。metaKey设置为true。例如:

var key = event.keyCode || event.charCode || 0;
console.log(key, event.metaKey);

当单独按x时，输出120,false。当按⌘+x时，它将输出120,true

这似乎只适用于Safari浏览器，而不适用于Chrome浏览器

如果你使用vue-shortkey插件，一切都会很简单

https://www.npmjs.com/package/vue-shortkey

v-shortkey="['meta', 'enter']"·
@shortkey="metaEnterTrigged"

推荐文章