我正在玩一个Firefox扩展:

1)按 Ctrl+Space 时显示扩展弹出页面

2)弹出页面侦听 keydown 事件 . 根据密钥,在关闭弹出窗口之前,会在新的浏览器选项卡中加载新站点 .

Issue

当我按 Ctrl+Space 时,弹出窗口按预期显示 . 但是,有时看起来好像弹出窗口没有聚焦,这意味着错过了所有的keydown事件 . 当我在弹出窗口内单击以使其重新聚焦时,将根据需要捕获keydown事件 .

如果通过单击“扩展”按钮显示弹出窗口,则不会发生这种间歇性行为 .

我不确定这是否是Firefox问题 . 有没有人在遇到此问题之前和/或知道某种解决方法?

编辑:经过进一步调查,间歇性行为主要发生在我在事件处理程序加载后立即快速按 Ctrl+Space 打开带有 https://www.youtube.comhttps://www.bbc.com/news 等网站的新选项卡时 . 当事件处理程序加载Google或StackOverflow时似乎没有发生 . 也许媒体沉重的网站在某种程度上正在窃取焦点?

manifest.json

{
    "manifest_version": 2,
    "name": "QuickLinks",
    "version": "0.2",

    "description": "Create your own set of links for very quick access to your favorite sites.",

    "icons": {
        "48": "icons/QuickLinks48.png",
        "96": "icons/QuickLinks96.png",
        "128": "icons/QuickLinks128.png"
    },

    "permissions":
    [
        "activeTab",
        "storage"
    ],

    "browser_action": {
        "browser_style": true,
        "default_icon": "icons/QuickLinks48.png",
        "default_title": "QuickLinks",
        "default_popup": "popup/popup.html"
    },

    "options_ui": {
        "browser_style": true,
        "page": "options/options.html"
    },

    "applications": {
        "gecko": {
            "id": "58e78ac522594027d5362a36033ee5d0fdb48db1@quicklinks",
            "strict_min_version": "57.0"
        }
    },

    "commands": {
        "_execute_browser_action": {
            "suggested_key": {
                "default": "Ctrl+Space"
            }
        }
    }
}

popup.html

<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="popup.css"/>
    </head>

    <body>
        <div class="buttons">
            <table id="links"></table>
            <div class="options row">Show options</div>
        </div>

        <script src="popup.js"></script>
    </body>
</html>

popup.js

document.addEventListener("keydown", (e) => {
    console.log(`You pressed ${e.key}`)
    e.stopPropagation();
    e.preventDefault();

    browser.tabs.create({url: "https://www.youtube.com"});

    window.close();
});