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

时间:2018-11-30 11:53:41

标签: javascript jquery jquery-ui alert confirm

当用户单击按钮时,我正在使用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()
        }

但是,一旦单击按钮,警报弹出窗口就会与我自定义的警报弹出窗口一起出现。

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

请参考下图。 enter image description here

1 个答案:

答案 0 :(得分:1)

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