如何在使用自定义警报弹出窗口时阻止 beforeUnload 上的弹出窗口警报？

Question

当用户点击按钮时，我使用JqueryUI 自定义Confirm box。

这是脚本，

    function exit() {
            $("#dialog-confirm").dialog({
                resizable: false,
                height: "auto",
                width: 400,
                modal: true,
                buttons: {
                    "Restore": function () {
                        callClick();
                    },
                    Cancel: function () {
                        $(this).dialog("close");
                    }
                }
            });
    }

这是 HTML 代码

    <asp:Button ID="btnExit" runat="server" Text="Exit" OnClientClick="exit()" />
    <div id="dialog-confirm" title="Proceed Confirmation?">
        <p>Are you sure you want to exit?</p>
    </div

当用户点击继续按钮时，我想调用另一个函数。

window.onbeforeunload = null;
        function callClick() {
            $('#test').click()
        }

但只要单击按钮，就会出现警报弹出窗口以及我自定义的警报弹出窗口。

我希望禁用默认弹出窗口。

请参阅下图以供参考。

Answer 1

尝试使用window.onbeforeunload = function(event){}这个方法来捕捉这个事件。