javascript - 具有 onblur 监听器的 Chrome 打包应用程序

Question

是否有用于 Chrome 打包应用程序的事件监听器来判断应用程序是否已失去焦点？我正在尝试制作游戏，但我似乎无法在改变焦点时让它暂停。

我已经尝试了一些不同的方法，例如以下，但似乎都不起作用。

document.onblur = pause;
document.addEventListener('blur', pause, false);

canvas.onblur = pause;
canvas.addEventListener('blur', pause, false);

window.onblur = pause;
window.addEventListener('blur', pause, false);

chrome.app.window.onblur = pause;
chrome.app.window.onBlur = pause;
chrome.app.window.onblurred = pause;
chrome.app.window.onBlurred = pause;
chrome.app.window.addEventListener('blur', pause, false);

chrome.app.window.current().onblur = pause;
chrome.app.window.current().onBlur = pause;
chrome.app.window.current().onblurred = pause;
chrome.app.window.current().onBlurred = pause;
chrome.app.window.current().addEventListener('blur', pause, false);

有什么想法吗？我可以从字面上将整个列表复制到我的代码中，没有一个会触发暂停。

我迷路了，谷歌有 3 个结果与一些不相关的东西，然后是更多我认为重要的遗漏作品。

Answer 1

AppWindow只是 chrome 特定的 api，它只提供文档中定义的方法。如果您想使用来自普通 html 窗口对象的标准事件，您必须首先使用 AppWindow 的 contentWindow 属性获取它。示例:

chrome.app.window.current().contentWindow.onblur = function(){console.log("blur")};