在SweetAlert2上选择“取消”后，如何防止模态关闭？

问题描述

我不希望在单击“取消（删除）”按钮时关闭模式，仅当单击失去焦点或关闭按钮时。如何防止关闭？

解决方法

默认的取消按钮用于关闭对话框。您可以将自定义按钮添加为html，然后手动处理其点击事件，而不用为其他任务砍该按钮：（Run it live）

var onBtnClicked = (btnId) => {
  // Swal.close();
  alert("you choosed: " + btnId);
};
Swal.fire({
  title: "What you want to do?",icon: "warning",showConfirmButton: false,showCloseButton: true,html: `
     <p>select an action</p>
    <div>
      <button class="btn btn-primary" onclick="onBtnClicked('reply')">Reply</button>
      <button class="btn btn-danger" onclick="onBtnClicked('delete')">Delete</button>
    </div>`
});