Question

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

Answer 1

当窗口捕获onblur事件时，您可以设置var。

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

编辑添加onfocus

然后在同一个窗口/选项卡中，您可以处理窗口/标签是否因使用onfocus处理程序而模糊。

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

Answer 2

您可以使用此代码

$(document).ready(function(){
  $([window, document]).focusin(function(){
  //Your logic when the page gets active
   }).focusout(function(){
  //Your logic when the page gets inactive
 });
});

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

2 个答案: