判断浏览器刷新与关闭的代码

最新推荐文章于 2021-02-16 23:40:10 发布

weixin_33768481

最新推荐文章于 2021-02-16 23:40:10 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/MaxIE/archive/2007/10/25/936942.html

本文提供了两种方法来区分用户是刷新页面还是关闭浏览器。通过监听特定事件并检查鼠标位置等参数，可以实现不同场景下的定制化操作。

当浏览器退出时会触发onunload事件，因此我们可以使用onunload事件做一些在页面关闭时要执行的操作，如提示用户信息等。但或许在实际应用中我们都发现一个问题，刷新浏览器同样会触发onunload事件，也就是只要是离开该页面就会触发onunload事件，或许刷新时我们并不想执行onunload定义的操作，或者我们只想在刷新时执行某操作，这样我们就遇到了一些麻烦。
本以为这种问题没有什么解决办法，没想到还是有牛人用很牛的办法解决了这个办法，这里俺就把找到的两段代码共享出来，希望对正好需要解决此问题朋友有所帮助。

方法一：

<HTML>
<HEAD>
<TITLE>判断是刷新还是关闭－www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>

<script>
function CloseOpen(event) {
if(event.clientX<=0 && event.clientY<0) {
alert("关闭");
}
else
{
alert("刷新或离开");
}
}
</script>
<body onunload="CloseOpen(event)">
</BODY>
</HTML>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

第二种做法：

转载于:https://www.cnblogs.com/MaxIE/archive/2007/10/25/936942.html