如何在警报时禁用 Esc 按钮事件？

Question

我想在单击按钮时显示alert 消息。按警报弹出窗口的确定后，我将进行进一步处理。

这是预期的流程，但是当用户按下 Esc 按钮时，也无需单击“确定”，我的页面就会进入进一步处理。我想限制此流程，即限制 Esc 按钮事件，但我找不到任何方法。

var keynum

if (window.event) { // For IE
  keynum = e.keyCode
} else if (e.which) { //For netscape Mozilla Firefox
  keynum = e.which
}

if (keynum == '113' && saleFlag == true) {
  var totalQty = document.getElementById('totalQty').textContent;
  var totalAmt = document.getElementById('totalAmount').textContent;

  alert("You Played Total Qty: " + totalQty + " of Rs. " + totalAmt);    
} else if (keynum === '27') {
  return false;
}

但警报消息仍然关闭。

我想要在 113 键码事件上打开的警报消息。

Answer 1

alert() 的问题在于它总是会返回undefined，不会告诉你按下了什么。相反，您可以使用confirm()，这将允许您显示类似的弹出窗口。

但是，confirm 的优点是，如果您在弹出窗口中单击“确定”，它会返回一个 true，如果您按 esc 或“取消”，它会返回一个 false。

因此，使用confirm，您可以使用do-while 循环来不断弹出您的弹出窗口，直到用户按下“OK”（或按下enter 键）

请看下面的例子：

let res;
do {
  res = confirm("Popup");
} while(!res);

使用本机确认/警报框并不是一个好的用户体验，因为它会冻结 UI 线程。如果可以避免，我建议使用 DOM 打开通过 HTML 构建的弹出窗口/模式。这可以通过使用库轻松完成。