监控用户是否关闭浏览器

最新推荐文章于 2024-07-18 14:06:58 发布

blade_sea

最新推荐文章于 2024-07-18 14:06:58 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签：浏览器 javascript function html

本文链接：https://blog.youkuaiyun.com/blade_sea/article/details/539694

Javascript 专栏收录该内容

0 篇文章

订阅专栏

BS系统难以知晓用户关闭浏览器的时间，可采用onbeforeunload参数监控。当window.event.returnValue为空时，选择提示框不出现。若要在用户点击“确定”关闭浏览器时保存数据，可使用onunload参数，并对代码进行相应修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BS系统一个非常烦人的地方是不知道用户什么时候关闭浏览器离开系统.这里,我们采用onbeforeunload参数监控用户是否关闭浏览器.

<HTML>
<HEAD>
<title>test</title>
</HEAD>
<body onbeforeunload="RunOnBeforeUnload()">
<script language="javascript">
function RunOnBeforeUnload() {
window.event.returnValue = '关闭浏览器将退出系统.';
}
</script>
</body>
</HTML>

效果如下所示:

当wondow.event.returnValue为空的时候,这个选择提示框是不会出现的.

可是问题又来了:假如我希望用户点击"确定"按钮关闭浏览器的时候能够保存用户相关数据.那么我又应该怎么做呢?
看来只有用onunload参数了.

将上面的代码修改如下:

<HTML>
<HEAD>
<title>test</title>
</HEAD>
<body onbeforeunload="RunOnBeforeUnload()" onunload="RunOnUnload()">
<script language="javascript">
function RunOnBeforeUnload() {
window.event.returnValue = '关闭浏览器将退出系统.';
}
function RunOnUnload() {
//执行你的代码
}
</script>
</body>
</HTML>