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

【问题标题】：How can I prevent closing of the modal when 'Cancel' is selected on SweetAlert2?在 SweetAlert2 上选择“取消”时，如何防止关闭模式？
【发布时间】：2020-08-26 13:23:38
【问题描述】：

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

【问题讨论】：

标签： sweetalert2

【解决方案1】：

默认取消按钮用于关闭对话框。您可以将自定义按钮添加为 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>`
});

【讨论】：

谢谢，这是我最终采用的解决方案。