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

Question

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

标签： sweetalert2

Answer 1

默认取消按钮用于关闭对话框。您可以将自定义按钮添加为 html，并手动处理其点击事件，而不是为另一个任务破解该按钮：（实时运行）

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>`
});