SweetAlert2 確認后不允許外部點擊

Question

我想創建一個類似於ajax-example的警報，但在確認之前允許外部點擊關閉。 用戶點擊確認后，我想禁止外部點擊，直到操作完成。

在示例中將配置變量allowOutsideClick設置為 false 將永遠不允許外部點擊，而且我在文檔中沒有看到以編程方式實現此行為的有效方法。

Answer 1

可以將該函數傳遞給allowOutsideClick參數：

allowOutsideClick: () => { 
  // add your logic here and return boolean 
}

你的情況：

 Swal.fire({ title: 'Submit email to run ajax request', input: 'email', showLoaderOnConfirm: true, preConfirm: (email) => { return new Promise((resolve) => { setTimeout(() => { resolve() }, 3000) }) }, allowOutsideClick: () => !swal.isLoading() })

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