无法输入 Javascript 警报

Question

当出现警告框时，有什么方法可以阻止 Enter 键盘吗？因此用户需要按 Esc 键或单击 Ok 按钮来删除警报。

<script>
alert('Hello');
</script>

Answer 1

正如我之前的评论所述，标准的 javascript 警报:

alert("hello world!");

是由浏览器在 javascript 控制范围之外处理、设置样式和执行的功能。

话虽如此，您可以通过制作自定义弹出框来相当轻松地做到这一点。

我不会过多地讨论样式，但下面是一些您可以构建样式框的代码:

<div id="alertBox" style="position:absolute;height:100%;width:100%;z-index:9999;background:white">
  <div id="alertText" style="position:relative;text-align:center;top:45%">
    You must press "esc" to escape!
  </div>
</div> 

不过我会更详细地解释 javascript。这是代码:

function code(e) {
  e = e || window.event;
  return(e.keyCode || e.which);
}

document.onkeypress = function(e){
    var key = code(e);
    if(key == 27){
      //run some code, they pressed the esc key
      document.getElementById('alertBox').style.display = "none"; 
    }
};

前 4 行代码将按下的键存储到名为“e”的变量中。

document.onkeypress 函数在按下某个键时开始监听。为清楚起见，“e”变量被传递到函数中，然后保存到名为“key”的变量中。

然后根据键盘上的“esc”键编号(即 27)测试“key”变量。如果“key”等于 27，则我们运行一些代码，如果不等于，我们将忽略按键。

我们在这里运行的代码删除了我们制作的警告框。

希望对您有所帮助!

附言这个答案不使用 jQuery，但如果您的项目中已经有 jQuery，它会减少代码。