关闭浏览器时如何触发卸载方法



观察到的场景:

  1. 关闭浏览器时,将触发 beforeunload 事件,但不触发 unload 事件。

  2. 关闭选项卡时,将同时触发beforeunload事件和unload事件。

问题:

关闭浏览器时如何触发 unload 方法?

法典:

    var inFormOrLink = false;
    var flag = false;
    $(document).ready(function () {
        $(window).bind("beforeunload", function () {
               return "You are about to close the window";
        });
        $(window).on("unload", function () {
            if (!inFormOrLink)
                window.open('../Account/Login?admin=admin', "_blank");
        });
    });
    $(function () {
        $("a").click(function () {
            if (!flag) {
                inFormOrLink = true;
                $(window).unbind('beforeunload');
                $(window).unbind('unload');
            }
            else {
                // inFormOrLink = false;
                $(window).bind('beforeunload');
                $(window).bind('unload');
            }
        });
        $(".btn").click(function () {
            if (!flag) {
                inFormOrLink = true;
                $(window).unbind('beforeunload');
                $(window).unbind('unload');
            }
            else {
                inFormOrLink = false;
                flag = false;
                $(window).bind('beforeunload');
                $(window).bind('unload');
            }
        });
        $("body").keydown(function (e) {
            if (e.which == 116 || e.which == 117) {
                inFormOrLink = true;
            }
            else if (e.ctrlKey && e.keyCode == 82) {
                inFormOrLink = true;
            }
            else if (e.which == 8) {
                var tag = e.target.tagName.toLowerCase();
                inFormOrLink = true;
                if (tag != "input") {
                    e.preventDefault();
                }
            }
            else {
                inFormOrLink = false;
                $(window).bind('unload');
            }
        });
    });

'

onunload 事件理论上应该在您提到的情况下运行,但是,有许多浏览器,每个浏览器都由不同的团队实现。由于您在一些浏览器中观察到一个错误,因此我建议您将事件处理程序附加到beforeunload而不是unload。在这种情况下,您可以解决此问题。另一种可能性是运行unload事件,如下所示:

$(window).unload();

最新更新