javascript - 使用javascript检测浏览器选项卡切换/浏览器最小化

Question

我正在尝试使用 JavaScript 编写我自己的流行游戏版本，例如扫雷、贪吃蛇等。有些游戏需要计时器，所以我想知道是否可以检测用户是否切换到另一个选项卡或最小化浏览器，以便我可以将游戏置于暂停模式？感谢您提供的任何帮助!

Answer 1

您可以在窗口捕捉到 onblur 事件时设置一个 var。

<script>
var has_blurred = 0;
function meep()
{
    has_blurred = 1;
    game.pause();
}
window.onblur=meep;
</script>

编辑添加onfocus

然后稍后在同一个窗口/选项卡中，如果您的窗口/选项卡曾经使用焦点处理程序变得模糊，您可以进行处理。

<script>
function handleFocus()
{
    if( has_blurred )
        game.unpause();              
    has_blurred = 0; // reset has_blurred state
}
window.onfocus=handleFocus;
</script>