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

转载 2006年06月19日 10:32:00
参考 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  onbeforeunload="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

C# 监听关闭窗口按钮

1、在MainForm.Designer.cs中添加以下代码:(MainForm为自定义的名字,找相对应的文件即可) this.FormClosing += new System.Wi...
  • u011596810
  • u011596810
  • 2015年10月12日 18:34
  • 1692

web关闭页面触发执行后台方法

今天组长让我解决一下关闭页面、关闭窗口、关闭浏览器分别调用的方法。然后我想,那肯定是监听啊。然后我查了下监听方法,window.onbeforeunload() 关闭窗口、刷新页面之前, window...
  • qq_26079137
  • qq_26079137
  • 2017年03月08日 10:47
  • 487

解决web应用用户退出系统后浏览器后退问题

1. 解决用户退出系统后,点击浏览器后退按钮,在用户登陆之前或者退出之后都不应该出现在浏览器中。     造成上面的原因是:当点击后退按钮时,默认情况下浏览器不是从Web服务器上重新获取页面,而是从...
  • wei763328075qq
  • wei763328075qq
  • 2016年01月23日 11:11
  • 1127

捕获浏览器关闭、刷新事件,在窗体关闭时从全局对象里移除当前用户

//以下是主页面的js代码,转的 //页面即将关闭事件 function window.onbeforeunload() { //用户点...
  • qianliangjiexialing
  • qianliangjiexialing
  • 2016年03月11日 14:41
  • 796

javascript如何监听页面刷新和页面关闭事件

本文转之http://www.qqtimezone.top 在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。 这里就给大...
  • qq_27681741
  • qq_27681741
  • 2017年01月09日 14:07
  • 2003

JS针对浏览器窗口关闭事件的监听方法

本文实例总结了JS针对浏览器窗口关闭事件的监听方法。 1、onbeforeunload事件:   说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera...
  • Zhangxichao100
  • Zhangxichao100
  • 2017年03月01日 16:49
  • 12174

页面关闭弹出提示并注销登录(兼容主流浏览器)

转自:页面关闭弹出提示并注销登录(兼容主流浏览器) - 零雨其蒙's Blog - BlogJava http://www.blogjava.net/sslaowan/articles/355575...
  • theoldfuture
  • theoldfuture
  • 2016年08月13日 19:49
  • 1223

JS 监控页面刷新,关闭 事件的方法

JS 监控页面刷新,关闭 事件的方法   | onbeforeunload与onunload事件Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过...
  • xuchuangqi
  • xuchuangqi
  • 2016年06月14日 18:55
  • 6186

js获取关闭浏览器事件

js获取关闭浏览器事件,同理也是获取js关闭页面事件,谷歌浏览器,火狐浏览器,360浏览器测试可行,IE7测试也是可行的,代码及测试效果图如下...
  • u013047660
  • u013047660
  • 2015年04月21日 14:57
  • 9010

js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge,Chrome和Firefox)

监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge,Chrome和Firefox)
  • qq_38627581
  • qq_38627581
  • 2017年12月20日 16:02
  • 253
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何在用户关掉web浏览器窗口前, 进行相应的动作
举报原因:
原因补充:

(最多只允许输入30个字)