js 怎么监听到页面关闭或页面跳转事件

JavaScript06

js 怎么监听到页面关闭或页面跳转事件,第1张

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 方法是在关闭窗口之前执行.