javascript - 警报随着 keyup 事件消失

Question

我将两个事件绑定(bind)到警报功能:单击按钮和按下按钮空间。函数 shuffle 显示一个警报，我想单击按钮或按空格键来显示对话框(长时间)。

  $("#ShuffleButton").on("click", Shuffle);

  $(window).keypress(function(e) {
    e.preventDefault();
    if (pressAllowed) {
      pressAllowed = false;

      if (e.keyCode == 0 || e.keyCode == 32) {
        Shuffle();  
      }          
    }
  });

  $(window).keyup(function(e) {
    e.preventDefault();
    pressAllowed = true;
  });      
}

当我点击按钮时，它工作正常。但是，当我按空格键时，警报会出现，并在触发 keyup 事件时立即消失。这是什么原因？

Answer 1

我已经在 Chrome 中对此进行了测试 - 按空格键会单击警报上的“确定”按钮。您的按键将打开警报窗口，然后立即将其关闭。您可以通过尝试 32 以外的键码来测试这一点 - 警报窗口将出现并且不会消失。