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

Question

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

但是当用户点击弹出窗口外，弹出窗口会自动关闭。 我试过跟随属性来阻止它被关闭但没有任何作用：

hideOnOverlayClick: false,
hideOnContentClick: false,
closeClick: false,
helpers: {
    overlay: { closeClick: false } 
}

非常感谢任何帮助/建议。

感谢。

Answer 1

如果您使用的是Sweet Alert 2，则可以使用此配置

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

和2之前使用的版本

closeOnClickOutside: false

Answer 5

它是allowOutsideClick：false例如

swal({
  title: "View Cart",
  text: "Are you sure?",
  type: "warning",
  showCancelButton    : true,
  confirmButtonColor  : "#ff0000",
  confirmButtonText   : "Yes",
  allowOutsideClick: false,
  CancelButtonText    : "No"
            },
                function() //confirm
            {
                //if Yes do this
            }
);

Answer 6

我遇到了同样的问题，这是解决问题的方法：setCanceledOnTouchOutside（false）

var dialog = SweetAlertDialog(context, SweetAlertDialog.ERROR_TYPE);
dialog.setTitleText(getString(R.string.session_expired));
dialog.setConfirmClickListener { sDialog ->
    sDialog.dismissWithAnimation()
    Utils.signOut(context!!)
    Handler().postDelayed({
    startActivity(getLoginIntent(context!!))
    AcTrans.Builder(context!!).performFade()
    }, 500)};
dialog.setCanceledOnTouchOutside(false);
dialog.show();

Answer 7

将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 8

我们正在使用高于2的版本来进行出汗警报，在我们的情况下，我们需要。

对于Chrome：

closeOnClickOutside: false

对于Firefox：

allowOutsideClick: false 

Answer 9

您可以设置此属性：

allowOutsideClick: true

Answer 10

如果您不想关闭esc或外部对话框，请点击以下为我工作。

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this details!",
  icon: "warning",
  closeOnClickOutside: false,
  closeOnEsc: false,
  allowOutsideClick: false,
  buttons: [
    'No, cancel it!',
    'Yes, I am sure!'
  ],
  dangerMode: true,
})

Answer 11

如果上述答案对您不起作用，请尝试：

closeOnClickOutside: false

Answer 12

对于Sweetalert版本<2

swal(
         "Records will be deleted permanently.",  //title
         "Do you want to delete records?",  //text
         "warning",  //icon
         {
              closeOnClickOutside: false, // prevent close on click anywhere/outside
              buttons: ["No", "Yes"], //with custom label
              dangerMode: true,
         }
    ).then(ok => {
         if (ok) {
              console.log("deleted")
         }
         else {
              console.log("not deleted")
         }
    })

Answer 13

对于最新版本是

allowOutsideClick: false