如何为SweetAlert承诺结果添加事件侦听器

Question

我有这个警报功能，我想有一个addListener，这样如果用户单击"确定"，它就会重定向页面。如何将其设置为警报中的默认ok按钮？

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

Answer 1

swal()方法返回一个Promise。当警报关闭时，它会以结果(confirmed(解决。当按下"OK"(确定(按钮时，结果将为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()部分。

如果您向它传递一个配置对象，那么它接受一个onClose参数，您可以在其中传递一个回调函数。

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>