javascript - 如何使用键盘快捷键打开弹出窗口？

Question

<分区>

Answer 1

Abody97 的回答告诉你如何判断某个组合键是否被按下。如果您不确定如何使用该组合键来显示弹出框，这就是您所需要的。不幸的是，Safari 使这变得不必要地复杂化。

在全局脚本中，您需要如下所示的函数来显示弹出框，给定它的 ID 和应该显示它的工具栏项的 ID:

function showPopover(toolbarItemId, popoverId) {
    var toolbarItem = safari.extension.toolbarItems.filter(function (button) {
        return button.identifier == toolbarItemId && button.browserWindow == safari.application.activeBrowserWindow;
    })[0];
    var popover = safari.extension.popovers.filter(function (popover) {
        return popover.identifier == popoverId;
    })[0];
    toolbarItem.popover = popover;
    toolbarItem.showPopover();  
}

您还需要在全局脚本的消息监听器中调用此函数的代码，如下所示(此示例不假设您已经有一个消息监听器):

safari.application.addEventListener('message', function (e) {
    if (e.name == 'Show Popover') {
        showPopover(e.message.toolbarItemId, e.message.popoverId);
    }
}, false);

最后，在你注入(inject)的脚本中，监听组合键的函数需要调用dispatchMessage，如下:

safari.self.tab.dispatchMessage('Show Popover', {
    toolbarItemId : 'my_pretty_toolbar_item',
    popoverId     : 'my_pretty_popover'
});

(将其替换为 Abody97 代码示例中的 showPopUp()。)

注意:如果您只有一个工具栏项和一个弹出窗口(并且从不打算添加更多)，那么它会变得更加简单。假设您已经将弹出窗口分配给 Extension Builder 中的工具栏项，您可以只使用

safari.extension.toolbarItems[0].showPopover();

在全局消息监听器中代替对 showPopover 的调用，并在注入(inject)脚本中省略对 dispatchMessage 的调用中的消息值。