Question

我正在使用此answer中的代码段测试onbeforeunload行为。

var OnBeforeUnload = (function(){
    var
    FDUM = new Function,
    AFFIRM = function(){ return true; };

    var _reg = function(msg,opts){
        opts = opts || {};
        var
            pid = null,
            pre = typeof opts.prefire == 'function' ? opts.prefire : FDUM,
            callback = typeof opts.callback == 'function' ? opts.callback : FDUM,
            condition = typeof opts.condition == 'function' ? opts.condition : AFFIRM;

        window.onbeforeunload = function(){
            return condition() ? (pre(),setTimeout(function(){ pid = setTimeout(callback,20); },1),msg) : void 0; 
        }

        window.onunload = function(){ clearTimeout(pid); };

    }

    var _unreg = function(){ window.onbeforeunload = null;  }

    return {
        register : _reg,
        unregister : _unreg
    };

})();

代码几乎相同。如果您查看Developer Console，输出结果如下（确保勾选＆＃34;保留日志＆＃34;在Chrome中）：

第1页

（未点击＆＃34;下一页＆＃34;超链接）

点击＆＃34;下一页＆＃34;超链接，控制台日志应显示＆＃34;导航到...＆＃34;
点击＆＃34;上一页＆＃34;在浏览器工具栏中＆gt;选择＆＃34;留在这个页面＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34; ，＆＃34;很高兴你留下了＃34;
点击＆＃34;上一页＆＃34;在浏览器工具栏中＆gt;选择＆＃34;离开此页＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34; ，＆＃34;导航到......＆＃34;
点击＆＃34;刷新＆＃34;在浏览器工具栏中＆gt;选择＆＃34;不要重新加载＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34; ，＆＃34;很高兴你留下了＃34;
点击＆＃34;刷新＆＃34;在浏览器工具栏中＆gt;选择＆＃34;重新加载此页＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34; ，＆＃34;导航到......＆＃34;

第2页

（点击＆＃34;下一页＆＃34;超链接后）

点击＆＃34;下一页＆＃34;超链接，控制台日志应显示＆＃34;导航到...＆＃34;
点击＆＃34;上一页＆＃34;在浏览器工具栏中＆gt;选择＆＃34;留在这个页面＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34; ，＆＃34;很高兴你留下了＃34;
点击＆＃34;上一页＆＃34;在浏览器工具栏中＆gt;选择＆＃34;离开此页＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34;，＆＃34;很高兴你留下了＃34; ，＆＃34;导航到...＆＃34;
点击＆＃34;刷新＆＃34;在浏览器工具栏中＆gt;选择＆＃34;不要重新加载＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34; ，＆＃34;很高兴你留下了＃34;
点击＆＃34;刷新＆＃34;在浏览器工具栏中＆gt;选择＆＃34;重新加载此页＆＃34; ＆GT;控制台日志显示＆＃34;为什么退出？＆＃34;，＆＃34;很高兴你留下了＃34; ，＆＃34;导航到...＆＃34;

你可能会注意到这个消息＆＃34;很高兴你留下了＃34;出现在第2页的每个选项中。我的问题是：为什么第2页的行为发生了变化？以及如何在Chrome中的两个页面中使行为保持一致？

以上结果在Google Chrome v47中进行了测试。两个页面中的行为在Firefox中都是相同的。

最后，测试页面可用here（无法使用JSFiddle，因为它无法重现onbeforeunload效果）

Google Chrome浏览器的第二页上的OnBeforeUnload行为不同

0 个答案: