防止在弹出窗口外单击时关闭SweetAlert

Question

我正在使用"Sweet Alert"在我的产品视图中弹出一个带有两个按钮的电子商务应用程序中的弹出窗口; 一个用于进入购物车视图,另一个用于重新加载视图.

但是当用户在弹出窗口外单击时,弹出窗口会自动关闭.我试过跟随属性来阻止它被关闭但没有任何效果

• __CODE__

• __CODE__

• __CODE__

• __CODE__

任何帮助/建议都非常感谢.谢谢.

Answer 1

您可以使用此配置

allowOutsideClick: false

这应该工作.

Answer 2

您正在寻找的房产是closeOnClickOutside:

closeOnClickOutside: false

Answer 3

关于 Sweet Alert 2（更有效的解决方案）

实际上，这里的所有答案都没有涵盖另一种关闭弹出窗口的方法。那是使用键盘。尤其是ESC键。为了防止这种情况，您需要添加两个选项而不是一个。

allowOutsideClick: false,
allowEscapeKey: false,

快速示例：

Swal.fire({
  title: 'Do not dismiss!',
  icon: 'warning',
  showConfirmButton: false,
  allowOutsideClick: false,
  allowEscapeKey: false
})

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

Answer 4

对于SweetAlert 2：

allowOutsideClick: false

和版本3和一些低于2版本：

closeOnClickOutside: false

Answer 5

backdrop:true与allowOutsideClick: false以下内容一起使用。这对我有用。

swal({
    backdrop:true,
    allowOutsideClick: false,
    title:'Warning!',
    text:'Do you want to delete records?',
    type:'warning',
    showCancelButton: 0,
    confirmButtonText: 'OK',
}).then(function(e) {
    if (e.value) {
        //do what you want
    }
})

Answer 6

您可以设置该属性：

allowOutsideClick: true