Javascript 如何在提交表单之前刷新页面上的警报框

我正在使用上述代码在页面刷新时显示警报。

---

如何在react中显示自定义样式警报框而不是默认设置，或者是否有其他方式显示弹出窗口

您可以使用一些库来设计警报框，例如：您可以搜索引导模式您可以创建自定义弹出模式并按条件显示。出于好奇，

卸载之前

是否取决于浏览器的权限？它将以不同的方式显示？还有，您的邮件中有未保存的更改，这些更改将不会保存。可能会出现，也可能不会出现，对吧？因为我在我的项目中使用了它，但它从不显示我指定的消息，只显示“你确定”之类的内容。。

$(document).ready(function () {
  $('form').submit(function(){
      isSubmitting = true
  })
  $('form').data('initial-state', $('form').serialize());
  $(window).on('beforeunload', function() {

      return  Swal.fire({
        title: "Are you sure?",
        text: "Once deleted, you will not be able to recover this imaginary file!",
        icon: "warning",
        buttons: true,
        dangerMode: true,
      })
      .then((willDelete) => {
        if (!isSubmitting && $('form').serialize() != $('form').data('initial-state')){
          Swal.fire("Poof! Your imaginary file has been deleted!", {
            icon: "success",
          });
        } else {
          Swal.fire("Your imaginary file is safe!");
        }
      });
     // return 'You have unsaved changes which will not be saved.'

    }
  );
});