组合 Keydown 功能不适用于 Mac 键盘

Question

我正在尝试使用键盘快捷键在我的应用程序中显示搜索栏。

虽然键盘快捷键使用 Windows 键盘可以完美运行，但当我使用带有 Mac 键盘的 Mac 机器时，代码会失败。

以下是我写的函数 -

var osName = "Unknown OS";
if (navigator.appVersion.indexOf("Win") != -1) osName = "Windows";
if (navigator.appVersion.indexOf("Mac") != -1) osName = "MacOS";

function showSearchBarOnKeyPress() {
        $(document).keydown(function (e) {
            if ((e.ctrlKey && e.altKey && e.key === "z") || (osName === "MacOS" && e.keyCode === 90 && e.keyCode === 17 && e.keyCode === 91)) {
                searchBarIsShown();
            }
        });
    }

最初我没有'||' 'If' 语句中的条件。第一个条件在使用 Windows 键盘时有效。当我在 Mac 上检查时，它不起作用。所以我不得不输入'||'健康）状况。

对于 MacOS 条件，我最初使用了键码 - 59,55 和 6，如本参考所示 - https://eastmanreference.com/complete-list-of-applescript-key-codes

在检查 Mac 机器时，检测到的键码是 - 90,91 和 17，然后我替换了它们。

但它仍然不起作用。

有人可以就这个问题提供他们的见解/想法吗？

谢谢

Answer 1

e.ctrlKey 和 e.altKey 是 KeyboardEvent 对象的特殊属性，包含这些按钮的状态。

e.keyCode === 90 && e.keyCode === 17 && e.keyCode === 91

属性e.keyCode 不能同时是三个不同的值。

---

我对苹果几乎没有经验，但我认为您必须手动跟踪这些按钮的状态。

一个简单的状态管理器是：

const keyDown = Object.create(null);
$(document).on("keydown keyup", e => keyDown[e.keyCode] = e.type === "keydown");

所以现在您可以一次检查所有三个按钮：

keyDown[90] && keyDown[17] && keyDown[91]

Answer 2

试试这个： metaKey 是 mac 上的 cmd 键。 altKey 是 mac 上的选项键。

var osName = "Unknown OS";
if (navigator.appVersion.indexOf("Win") != -1) osName = "Windows";
if (navigator.appVersion.indexOf("Mac") != -1) osName = "MacOS";

function showSearchBarOnKeyPress() {
    $(document).keydown(function (e) {
    var modifier = (navigator.appVersion.indexOf("Mac") != -1) ? e.ctrlKey : e.metaKey;
        if (modifier && e.altKey && e.key === "z") {
            searchBarIsShown();
        }
    });
}

请注意，旧浏览器不支持 metaKey..