浏览器关闭事件(绝对好使)

最新推荐文章于 2022-04-25 22:08:20 发布

jingtian678

最新推荐文章于 2022-04-25 22:08:20 发布

阅读量1.7w

点赞数 1

分类专栏： web大前端

本文链接：https://blog.youkuaiyun.com/jingtian678/article/details/89606706

版权

web大前端专栏收录该内容

291 篇文章

订阅专栏

本文介绍了一种在浏览器关闭或刷新时通过设置Cookie来区分两种情况的方法，并提供了兼容Chrome、Firefox、IE及Edge浏览器的JavaScript代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function setCookie (name,value,iDay) {//存储cookie
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+'='+value+';expires='+oDate;
};

//监听浏览器关闭事件(绝对好使，需所有代码放到生命周期mounted中)
       var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
       var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
       var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
       var isIE11 = userAgent.indexOf("rv:11.0") > -1; //判断是否是IE11浏览器
       var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
       if(!isIE && !isEdge && !isIE11) {//兼容chrome和firefox
           var _beforeUnload_time = 0, _gap_time = 0;
           var is_fireFox = navigator.userAgent.indexOf("Firefox")>-1;//是否是火狐浏览器
           window.onunload = function (){
               _gap_time = new Date().getTime() - _beforeUnload_time;
               if(_gap_time <= 5){
                   setCookie('times',true);//谷歌浏览器关闭
               }else{//谷歌浏览器刷新
               }
           }
           window.onbeforeunload = function (){
               _beforeUnload_time = new Date().getTime();
               if(is_fireFox){//火狐关闭执行
                   setCookie('times',true);//火狐浏览器关闭
               }else{//火狐浏览器刷新
               }
           };
       }