$（window）.blur（）在智能手机浏览器中无法正常工作？

Question

我创建了一个 - online quiz web application。

开始测验后，我希望在用户更改标签页或最小化应用程序时自动刷新页面。

为此，我已经习惯了 $(window).blur(function(){window.location.reload();});

它在笔记本电脑上运行良好但在手机（android / ios）上并不完美，尤其是当我在中间接听电话或按主页按钮以最小化浏览器时。

有办法吗？请帮忙。

Answer 1

您可以使用HTML5可见性API来检测页面可见性何时发生变化：https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API

来自以上网址的修改后的示例：

function handleVisibilityChange() {
  if (document.hidden) {
    // restart your quiz
  } 
}

document.addEventListener("visibilitychange", handleVisibilityChange, false);