如何用js监听浏览器页面的关闭刷新事件

JavaScript045

如何用js监听浏览器页面的关闭刷新事件,第1张

首先判断浏览器的类型，简便可用navigator.userAgent()获取浏览器的字符串，与浏览器类型做查找即可。 目前对Chrome和firfox区分关闭和刷新成功。 浏览器为firfox时flag为false，Chrome为true。window.onload(){window.onunload = function() {if(flag){console.log('关闭操作')}else {console.log('刷新操作')}}window.onbeforeunload = function () {if(!flag){console.log('关闭操作')}else{console.log('刷新操作')}}}

页面加载时只执行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 < 0 || window.event.altKey) 

{ 

alert("是关闭而非刷新") 

window.event.returnValue = "" //这里可以放置你想做的操作代码 

}else

{ 

alert("是刷新而非关闭") 

} 

} 

window.onbeforeunload = function() //author: meizz 

{ 

var n = window.event.screenX - window.screenLeft 

var b = n > document.documentElement.scrollWidth-20 

if(b && window.event.clientY < 0 || window.event.altKey) 

{ 

alert("是关闭而非刷新") 

window.event.returnValue = "" //这里可以放置你想做的操作代码 

}else

{ 

alert("是刷新而非关闭") 

} 

}