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

Question

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

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

为此，我已经使用 $(window).blur(function(){window.location.reload();});

它的做工精细的笔记本电脑，但不完全对手机（安卓/ IOS），特别是当我收到来电之间，或当我按下home键最小化浏览器。

有没有办法做到这一点？请帮忙。

Answer 1

您可以使用HTML5 API能见度检测时，页面的可视性变化：https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API

从上面的URL

修改样本：

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

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