警报弹出后未将焦点返回到浏览器

如何解决警报弹出后未将焦点返回到浏览器

| 我正在尝试做一些吃豆子游戏来训练我的JavaScript技能。为了移动pacman，我使用了与move函数关联的onkeyup事件函数。我还是有问题。每次pacman死亡（或游戏结束）时，我总是使用警报框向用户发出警报。不过，在按OK按钮使pacman再次移动之后，我必须单击浏览器窗口以使其响应键盘事件。我以某种方式认为这仍然是Windows的焦点问题，仍然尝试在焦点周围（主要在警报框之后）使用一些焦点，并且似乎并没有解决问题。有人可以给我一些一般性的指示，以解决这个问题吗？ PS：在游戏结构中，我使用的是即时创建的图像，页面上只有两个带有id \的文本标签。编辑：onkeyup中关联的代码：函数muda_sentido（事件） {

  //baixo
  if(event.keyCode == 40)
  {
      pacman_status = status[2];
      imagem_pacman.src = \"Imagens/pacmanb.gif\";
      imagens[pacman_pos[0]][pacman_pos[1]].src = \"Imagens/pacmanb.gif\";
  }
  //direita
  else if(event.keyCode == 39)
  {
      pacman_status = status[0];

      imagem_pacman.src = \"Imagens/pacmand.gif\";
      imagens[pacman_pos[0]][pacman_pos[1]].src = \"Imagens/pacmand.gif\";
  }
  //cima
  else if(event.keyCode == 38)
  {
      pacman_status = status[3];
      imagem_pacman.src = \"Imagens/pacmanc.gif\";
      imagens[pacman_pos[0]][pacman_pos[1]].src = \"Imagens/pacmanc.gif\";
  }
  //esquerda
  else if(event.keyCode == 37)
  {
      pacman_status = status[1];
      imagem_pacman.src=\"Imagens/pacmane.gif\"
      imagens[pacman_pos[0]][pacman_pos[1]].src = \"Imagens/pacmane.gif\";
  }

} html正文内容是一个双h2标记（无法将其添加为代码格式，因为它在预览器中显得混乱），每个标记都有一个ID。在该程序周围，我有类似以下内容：警报（\“吃豆人死了！\”）问题就在此之后。 2编辑：设法获取位于警报框的那段代码（现在只需更改一下即可在一个地方查找它）：函数pacman_morreu（） {

    alert(\"O pacman morreu!\");

    if(pacman_vidas==0)
    {
        alert(\"Game Over!\");
        reinicia_tabuleiro();

    }
    else
    {
        pacman_vidas--;
        vidas.innerHTML = \"Número de vidas: \"+ pacman_vidas;
    }
    pintaEcra();
}

代码中列出的函数将仅执行矩阵操作（实际上没有什么特别的）。编辑3：根据要求，这里去：函数reinicia_tabuleiro（） {

    pacman_vidas = 3;
    vidas.innerHTML = \"Número de vidas: 3\";
    pontuacao.innerHTML = \"Pontuação: 0\";
    pontos = 0;
    for(i=1;i<24;i++)
    {
        for(j=1;j<24;j++)
        {
            if(tabuleiro[i][j] == 0)
                tabuleiro[i][j] = 2;
        }
    }


}

解决方法

抱歉，老兄，我看不到会导致这种情况的任何东西。你使用的是什么浏览器？我在IE和FF上进行了类似的测试，并在警报框中单击“确定”后获得了窗口焦点。您是否尝试过使用Firebug？这是一个调试javascript的好程序。对于您正在执行的这个pacman项目，我强烈推荐它。您可能在代码中的某个地方出现了一个错误，导致该错误在上面显示的代码中不太明显。 ,好吧，目前，我没有解决此问题的方法，但有解决方法。不要使用Alertbox，请使用lightbox（具有较高z-index值的div），并根据javascript中的条件显示和隐藏div。我希望这将有所帮助。 ,我刚刚遇到了keydown和Firefox 5.0的类似问题。当页面加载并且我的所有$(window).keydown(...)事件正常工作时，窗口将聚焦。然后，当我显示警报后，所有事件均不会触发。最终，我关闭警报后，窗口无法自动聚焦。我能够通过强制窗口在模糊时重新聚焦来解决它。我正在使用jQuery，所以这对我来说是这样的：

$(window).blur(function(){
    setTimeout(function(){
        $(window).focus();
    },0);
});

超时是必要的，因为Firefox（也许还有其他浏览器）不会让您在模糊事件期间立即聚焦。这可能会带来意想不到的后果，因为您基本上从不会让窗口模糊。例如，单击位置栏甚至无法工作，因为该窗口会立即将焦点拉回。要挖一个更深的洞，您可以为回调设置一个“ refocus”标志，以便它知道是否放弃焦点。这是基本概念：

var doRefocusWindow = false;

$(window).blur(function(){
    if(!doRefocusWindow) return;
    doRefocusWindow = false;
    setTimeout(function(){
        $(window).focus();
    },0);
});

...

doRefocusWindow = true;
alert(\"Game Over\");

警报弹出后未将焦点返回到浏览器

如何解决警报弹出后未将焦点返回到浏览器

解决方法

相关推荐