终极版---如何区别浏览器刷新和关闭
浏览器关闭窗口时给后台发请求 刷新时不做操作
// 检测浏览器窗口关闭
var _beforeUnload_time = 0,_gap_time=0;
window.οnunlοad=function(){
_gap_time=new Date().getTime()-_beforeUnload_time;
if(_gap_time<=5){
//浏览器关闭
$.ajax({
url:'/movecheck/logout',
// dataType:"JSON",
cache:false,
type:'post',
async:false,
success:function(dt){
// console.log(dt)
},
error:function(dt){
}
})
}
}
window.οnbefοreunlοad=function(){
_beforeUnload_time=new Date().getTime();
}
});
========================================
测试源码 不用做参考
var _beforeUnload_time = 0, _gap_time = 0;
window.onunload = function (){
_gap_time = new Date().getTime() - _beforeUnload_time;
console.log( _gap_time)
if(typeof(localStorage["name"])=="undefined"){
localStorage["name"]="240";
}else{
localStorage["name"]=localStorage["name"]-1;
}
if(_gap_time <= 5) {
console.log("浏览器关闭")
$.ajax({
type: "POST",
url:"http://39.104.72.213:80/api/api/accounts/account/AnonymousLogin?ip=192.168.1."+localStorage["name"]",
dataType: "JSON",
cache: false,
success: function(msg){
},
error:function(err){
console.log(err)
}
})
}else{
console.log("浏览器刷新")
}
}
window.onbeforeunload = function (){
_beforeUnload_time = new Date().getTime();
};
终极版---如何区别浏览器刷新和关闭相关推荐
- 浏览器刷新和关闭事件
现在谷歌和火狐不能自定义浏览器的弹出窗,只能显示各自系统定义通用字段: 我们在监听浏览器的刷新和关闭前,先了解浏览器对事件的执行步鄹 不同的浏览器刷新和关闭时对onbeforeunload()和onu ...
- vue监听浏览器刷新和关闭事件，并在页面关闭/刷新前发送请求
vue监听浏览器刷新和关闭事件,并在页面关闭/刷新前发送请求 1.需求背景: 2.需求分析: 3.实现方式: 4.实现方式解析: 1)浏览器页面事件基础 2)在mounted监听beforeunloa ...
- 浏览器刷新、关闭页面与统计在线人数
项目中可能需要统计在线人数,也可能需要在用户在退出时进行用户注销登录,既为统计实时在线人数,也为及时清理暂时不再使用的session,节约资源提高性能. 对于以上的情况,若用户使用页面的注销按钮退出登 ...
- vue监听浏览器刷新和关闭；
注意:区分不了浏览器是触发了刷新还是关闭,而且提示的弹框是无法自定义的:如果有大佬有方法能区分,还请评论学习一下!感谢! 代码可直接复制: <template><div>< ...
- js 监听浏览器刷新还是关闭事件
// $(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';}); // window.onbeforeunlo ...
- js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
由于各浏览器兼容性不同,所以首先要先区分各浏览器 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = use ...
- 监听浏览器刷新/关闭页面
首先,使用onunload或onbeforeunload可以监听浏览器关闭事件,但是无法区分关闭与刷新.以下js代码可以部分监听关闭浏览器的事件! 可以在标签中添加方法: <!DOCTYPE h ...
- Ultimate, Community, Educational 终极版 社区版 教育版 区别 不同
下载一些应用 特别是国外开发的工具 经常选ultimate(旗舰版 终极版) community(社区版 阉割功能支持纯jvm开发) edition(教育版 需要学号申请 功能有锁水)版本 idea下 ...
- SessionStorage 和 LocalStorage 生命周期 以及 浏览器刷新操作意味着什么？
SessionStorage 和 LocalStorage 的辨析 SessionStorage 和 LocalStorage 是浏览器提供的两种数据存储机制,当然这种实现是依据 HTML5 Web ...
最新文章
- [转]VC++下使用ADO操作数据库
- c++创建单级目录 多级目录，判断是否存在
- Jquery工作常用实例——隐藏功能实现
- opengl加载显示3D模型STL类型文件
- OpenCV学习（7.16）
- java integer == int_Java中int和Integer的区别详解
- php smtp邮件类,php利用smtp类发送邮件
- 业界分享 | Embedding技术在商业搜索与推荐场景的实践
- bat 暂停一段时间_BAT面试问是否具备3年工作经验，这么回答绝了！
- eslint php,eslint配置
- Genius‘s Gambit(构造)
- 77GHz汽车防撞雷达信号处理设计与实现
- 侠客行java_MUDOS 侠客行100 MUDLIB 的一些摸索...
- ANSYS网格划分标准及方法
- python爬虫--下载酷我音乐
- [Java Framework] SpringBoot几种启动后自动初始化的几种方式
- flash air java_Flash Air 打包安卓 ane
- 网络中的IP地址（包括私网地址）
- Xilium.CefGlue与CEF库的版本匹配关系
- NFTScan x TiDB丨一栈式 HTAP 数据库为 Web3 数据服务提供毫秒级多维查询