基于JavaScript判断浏览器到底是关闭还是刷新(超准确)_javascript技巧

本文是小编总结的一些核心内容，个人感觉对大家有所帮助，具体内容请看下文：

页面加载时只执行onload
页面关闭时只执行onunload
页面刷新时先执行onbeforeunload，然后onunload，最后onload。

经过验证我得出的结论是：

//对于ie，谷歌，360：

//页面加载时只执行onload
//页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。
//页面关闭时，先onbeforeunload事件，再onunload事件。

//对于火狐：

//页面刷新时，只执行onunload；页面关闭时，只执行onbeforeunload事件
那么回归正题，到底怎样判断浏览器是关闭还是刷新？我按照网上的各种说法实验千百遍，都未成功，其中各种说法如下：

window.onbeforeunload = function() //author: meizz 
{ 
var n = window.event.screenX - window.screenLeft; 
var b = n > document.documentElement.scrollWidth-20; 
if(b && window.event.clientY  document.documentElement.scrollWidth-20; 
if(b && window.event.clientY 

和

function CloseOpen(event) {
if(event.clientX

..........................

这些方法都不管用，但是我并没有放弃，想啊想啊........

按照上面我得出结论，

//对于ie，谷歌，360：

//页面加载时只执行onload
//页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。
//页面关闭时，先onbeforeunload事件，再onunload事件。

//对于火狐：

//页面刷新时，只执行onunload；页面关闭时，只执行onbeforeunload事件
刷新的时候先onbeforeunload，然后取服务端请求数据，在新页面即将替换旧页面时onunload事件，而页面关闭时，先onbeforeunload事件，再立即onunload事件。那么在刷新的时候，onbeforeunload与onunload之间的时间肯定比关闭的时候时间长，经过测试确实如此。

贴出我的测试代码：

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 

服务端代码（SSH实现）：

public void aaaa(){
System.out.println(base.getParameter("msg")+"，间隔："+base.getParameter("time"));
}

对于if(_gap_time

下面给大家介绍浏览器关闭监听事件，判断刷新还是关闭

使用onunload或onbeforeunload可以监听浏览器关闭事件，但是无法区分关闭与刷新。以下js代码可以部分监听关闭浏览器的事件！

//鼠标相对于用户屏幕的水平位置 - 窗口左上角相对于屏幕左上角的水平位置 = 鼠标在当前窗口上的水平位置
var n = window.event.screenX - window.screenLeft;
//鼠标在当前窗口内时，nm，b为true。20这个值是指关闭按钮的宽度
var b = n > document.documentElement.scrollWidth-20;
//鼠标在客户区内时，window.event.clientY>0；鼠标在客户区外时，window.event.clientY document.body.clientHeight || event.altKey){
关闭浏览器时你想做的事
}

这段js能监听到鼠标点击浏览器关闭按钮、浏览器状态栏鼠标右键弹出菜单中的关闭以及各种快捷键。但是双击浏览器坐上角图标关闭浏览器和关闭标签页无法监听。

以上所述是本文的全部内容，写的不好还请各位大侠多多提出宝贵意见。