js监听浏览器页面的关闭

Posted Tozhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js监听浏览器页面的关闭相关的知识,希望对你有一定的参考价值。

ie、chrome、360:
页面加载时执行unload();
刷新时先执行onbeforeload(),新页面即将替换旧页面时onunload(),最后unload();
关闭时执行onbeforeload(),再执行onunload().
firefox:
刷新时只执行onunload();
关闭时只执行onbeforeunload().

 

window.onload(){
window.onunload = function() {
                if(flag){
                    console.log(关闭操作);
                }
                else {
                    console.log(刷新操作);
                }
            };

            window.onbeforeunload = function () {
                if(!flag){
                    console.log(关闭操作);
                }
                else{
                    console.log(刷新操作);
                }
            };
       }

在chrome下,无法捕捉到onunload()和onbeforeunload()事件的情况。

$(window).on(‘beforeunload‘,function(){return‘Your own message goes here...‘;});

把这段代码,放到你写的function中,就可以了,监听到,chrome下关闭和刷新的事件了!!

以上是关于js监听浏览器页面的关闭的主要内容,如果未能解决你的问题,请参考以下文章

js监听浏览器页面的关闭

监听浏览器关闭事件

js 监听浏览器刷新还是关闭事件

如何在Angular项目里监听页面关闭、跳转事件?

为啥我的js关闭窗口没执行呢

js监听浏览器离开页面操作