javascript - 带有确认对话框的操作链接

Question

我想在链接打开之前显示一条确认消息。然而，尽管如此，尽管单击取消或关闭对话框，链接仍会被跟随。请帮助我，因为我被困在这个问题上。

<div style="float: left; width: 40px; height: 10px; "> @Html.ActionLink("-Pg", "SupprimerPage", "Section", new { pageId = @item.Id }, new { onclick = "ConfirmerSuppressionPage(event);", @class = "editLink", style = "width:30px" })</div>

Javascript:

 function ConfirmerSuppressionPage(event) {
    var x = confirm("Êtes-vous sûr de vouloir supprimer cette page?");
    console.log(x);
    if (x == null) {
        event.preventDefault();
        return false;
    }

    if (x == true) {

        return true;
    }
    else {
        event.preventDefault();
        event.stopPropagation();
    }
}

Answer 1

这可能没有帮助，但我遇到了某些浏览器不尊重取消按钮的类似问题，并创建了一个替换函数来解决它:

function showConfirm(str) {
    if (confirm(str) == false) {
        if (typeof (event) != "undefined") {
            event.returnValue = false;
        }

        return false;
    }
    else {
        return true;
    }
}

然后在您的 ConfirmerSuppressionPage 函数中，将对 confirm 的调用替换为 showConfirm