js 怎么监听到页面关闭或页面跳转事件,以下介绍方法:
//在页面关闭或者跳转的时候调用
window.onbeforeunload = function (e) {
return e.returnValue = '确认关闭?'
}
window.onunload = function () {
//这个执行完onbeforeunload 会调用该function,
//alert()是不会有弹出的。
}
调用上面的代码,用谷歌浏览器关闭浏览页面或者跳转页面都会弹出下面页面询问。
注意:刷新的时候也会弹出询问,这监控也把刷新当成重新打开页面相当跳转。
首先判断浏览器的类型,简便可用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('刷新操作')}}}javascript捕获窗口关闭事件有两种方法 onbeforeunload(),onUnload()两种用法:
1)
function window.onbeforeunload() { alert("关闭窗口")}
function window.onunload() { alert("关闭窗口")}
2)
在 body 标签里加入onUnload事件:
<body onUnload="closehandler()">
然后在 javascript 里定义 closehandler() 方法.
两者区别:
onUnload 方法是在关闭窗口之后执行
onbeforeUnload 方法是在关闭窗口之前执行.