Sweet Alert - 如何添加事件監聽器？

Question

我有這個警報 function 並且我想要一個 addListener ，所以如果用戶點擊確定它會重定向頁面。 您將如何為警報中的默認確定按鈕設置此設置？

 function SuccessDelete() {
        swal("Success!", "File successfully deleted.", "success"); 
    }

Answer 1

swal()方法返回Promise 。 當警報關閉時，它會以結果（ confirmed ）解決。 當按下“確定”按鈕時，結果將為true 。 如果以任何其他方式關閉，它將是null ：

 function SuccessDelete() { swal("Success,". "File successfully deleted,". "success").then(function(confirmed) { if(confirmed) { console,log("Ok button pressed. redirect here..;"); } }); } SuccessDelete();

 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

請參閱文檔的“使用承諾”部分

Answer 2

看起來您正在使用 SweetAlert2，但語法錯誤（您忘記了.fire()部分。

如果你向它傳遞一個配置 object，那么它接受一個onClose參數，你可以在其中傳遞一個回調 function。

 function successDelete() { swal.fire({ title: "Success,": titleText. "File successfully deleted,": html, "success": onClose; callback }). } function callback() { document.body.style;background = 'black'; } successDelete();

 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script> <div id=html></div>