如何在用户关掉web浏览器窗口前, 进行相应的动作

最新推荐文章于 2022-08-09 11:42:58 发布

zlz_212

最新推荐文章于 2022-08-09 11:42:58 发布

阅读量2.9k

点赞数

文章标签：浏览器 web javascript firefox opera action

参考 maison 'blog

长期以来, 做Web项目, 总会头疼这个问题.
用户不进行注销或者退出功能, 直接关闭了浏览器.
或者用户在进行输入操作时, 误点了一个链接, 跳转到其它页面, 造成输入数据的丢失.

今天发现了onbeforeunload事件，它是这样用的：
<script language="javascript">
  g_blnCheckUnload = true;
  function RunOnBeforeUnload() {
     if (g_blnCheckUnload)
　　　{//注意异常的捕获
　　　　　try{
　　　　　　 window.event.returnValue = 'You will lose any unsaved content';
            }catch(e){}
     　}

}
</script>
<body οnbefοreunlοad="RunOnBeforeUnload()">
</body>
这样每次关闭浏览器窗口或涮新页面时，都要触发onbeforeunload这个事件，这样可以对用户进行提示，避免不必要的遗憾。

我上网又查了一些这个事件的用法，感觉还是http://www.surfchen.org/?p=54这篇写得最清楚了，摘抄如下：

onbeforeunload事件：
注：三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法：

object.onbeforeunload = handler <element onbeforeunload = “handler” … ></element> 描述：
事件触发的时候弹出一个有确定和取消的对话框，确定则离开页面，取消则继续待在本页。
handler可以设一个返回值作为该对话框的显示文本。

触发于：

关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回，前进，刷新，主页其中一个的时候
点击一个前往其他页面的url连接的时候
调用以下任意一个事件的时候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit.
当用window open打开一个页面，并把本页的window的名字传给要打开的页面的时候。
重新赋予location.href的值的时候。
通过input type=”submit”按钮提交一个具有指定action的表单的时候。

可以用在以下元素：
BODY, FRAMESET, window

zlz_212

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
如何在用户关掉web浏览器窗口前, 进行相应的动作

参考 maison blog 长期以来, 做Web项目, 总会头疼这个问题.用户不进行注销或者退出功能, 直接关闭了浏览器.或者用户在进行输入操作时, 误点了一个链接, 跳转到其它页面, 造成输入数据的丢失.今天发现了onbeforeunloa
复制链接

扫一扫