html中confirm确认框相关问题

Question

我在某个按钮的单击事件中直接使用了confirm("确认是否保存")，然后点击多次按钮会提示是否不允许再次提示，如下图。 选中此单选按钮后就不弹窗了。如何取消显示这个单选框

Answer 1

在 HTML 中，不能直接取消 confirm 对话框中的 "不再提醒" 选项。这是由浏览器决定的，并不受你的控制。因此，可以选择改变你的代码，使用其他方法来实现相同的功能，例如使用自定义模态对话框。一个可以解决这个问题的解决方案是：设置一个全局变量来控制弹窗的显示，每次点击按钮时判断该变量的值，如果为真就不再弹出确认框。

<button id="saveBtn">保存</button>

<script>
  let allowConfirm = true;
  document.getElementById("saveBtn").addEventListener("click", function() {
    if (allowConfirm) {
      let result = confirm("确认是否保存？");
      if (!result) {
        allowConfirm = false;
      }
    }
  });
</script>