我正在玩一个Firefox扩展:
1)按 Ctrl+Space
时显示扩展弹出页面
2)弹出页面侦听 keydown
事件 . 根据密钥,在关闭弹出窗口之前,会在新的浏览器选项卡中加载新站点 .
Issue
当我按 Ctrl+Space
时,弹出窗口按预期显示 . 但是,有时看起来好像弹出窗口没有聚焦,这意味着错过了所有的keydown事件 . 当我在弹出窗口内单击以使其重新聚焦时,将根据需要捕获keydown事件 .
如果通过单击“扩展”按钮显示弹出窗口,则不会发生这种间歇性行为 .
我不确定这是否是Firefox问题 . 有没有人在遇到此问题之前和/或知道某种解决方法?
编辑:经过进一步调查,间歇性行为主要发生在我在事件处理程序加载后立即快速按 Ctrl+Space
打开带有 https://www.youtube.com
或 https://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();
});