javascript - 使用主页按钮时 iOS 上的页面可见性 API 事件

Question

我正在尝试找到一种解决方案来检测选项卡/页面何时失去/获得焦点。它需要在 Android Chrome、Windows Surface IE 和 iOS Safari 之间保持一致。 Focus 和 Blur 似乎会产生一些非常不一致的结果，然后我偶然发现了 PageVisibility API。

它似乎可以满足我需要的一切，除了在 iOS 上按下“Home”按钮时。重新打开 Safari 显示没有触发任何事件。有人有涵盖这个测试用例的解决方案吗？

这是我用于测试的示例 - 特别是页面中间位置的 Textarea:http://www.html5rocks.com/en/tutorials/pagevisibility/intro/

Answer 1

监听 pageshow 和 pagehide 事件可能会解决这个问题:

document.addEventListener("pagehide", onchange);document.addEventListener("pageshow", onchange);

另请参阅:Is there a way to detect if a browser window is not currently active?