SweetAlert2 确认后禁用外部点击

【问题标题】：SweetAlert2 disallow outside click after confirmSweetAlert2 确认后禁用外部点击
【发布时间】：2017-12-21 12:29:51
【问题描述】：

我想创建一个类似于ajax-example 的警报，但允许外部点击关闭在确认之前。用户点击确认后，我想禁止外部点击，直到操作完成。

在示例中将配置变量 allowOutsideClick 设置为 false 将永远不允许外部点击，而且我在文档中没有看到以编程方式实现此行为的有效方法。

【问题讨论】：

标签： javascript sweetalert sweetalert2

【解决方案1】：

可以将函数传递给allowOutsideClick参数：

allowOutsideClick: () => { 
  // add your logic here and return boolean 
}

你的情况：

Swal.fire({
  title: 'Submit email to run ajax request',
  input: 'email',
  showLoaderOnConfirm: true,
  preConfirm: (email) => {
    return new Promise((resolve) => {
      setTimeout(() => {
        resolve()
      }, 3000)
    })
  },
  allowOutsideClick: () => !swal.isLoading()
})

&lt;script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"&gt;&lt;/script&gt;

【讨论】：