鹰翔宇空

学习和生活

BlogJava 首页 新随笔 联系 聚合 管理
  110 Posts :: 141 Stories :: 315 Comments :: 1 Trackbacks
前段时间,一直在做web项目,总是出现一个问题:用户输入了一些内容后,不小心关掉了浏览器窗口,或是跳转到了其它页面,没有任何的提示,但是数据就没有了,其实跳转还好办,难就难在关闭浏览器时要给出一个提示,很是头痛,上网查了很多东东,但都没有结果,,很是郁闷。
今天无意识的在关闭一篇没有写完的随笔时,突然发现有“如果不保存就会丢失内容”的提示。很是激动。就查看了原文件,虽然很多乱码,但好在还有一部分可读的,终于让我发现了onbeforeunload事件,很是开心。在BlogJava中,它是这样用的:
<script language="javascript">
  g_blnCheckUnload = true;
  function RunOnBeforeUnload() {
     if (g_blnCheckUnload) {window.event.returnValue = 'You will lose any unsaved content';  
     } 
  }
</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

平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

posted on 2006-01-06 09:46 TrampEagle 阅读(6866) 评论(6)  编辑  收藏 所属分类: 技术文摘

Feedback

# re: 如何避免不小心关掉web浏览器窗口 2006-01-06 10:25 zhizhu
我也遇到同样的问题,终于解决了,哈哈。谢谢你了
以前想通过javascript的histroy事件来解决,但是如果用"确定取消"对话框时,点取消还会执行下一个页面,不知道为什么.  回复  更多评论
  

# re: 如何避免不小心关掉web浏览器窗口 2006-01-06 12:34 TrampEagle
不用谢,呵呵,如果真要谢的话,其实应该感谢BlogJava,我也是从它上面获取到的。不过从另一方面也验证了“处处留心皆学问”这个真理。
希望我们都能把自己工作过程中解决难题(或问题)的心得体会拿出来共享,使得他人少走弯路,或避免浪费太多的时间。互相交流,共同进步!  回复  更多评论
  

# re: 如何避免不小心关掉web浏览器窗口 2006-01-12 11:24 BlueO2
我以前有过这种需求,捕获用户关闭浏览器 找到过此方法,可是还是无法很好的满足.因为我要明确的知道是关闭浏览器,而不是画面迁徙等如你列出的那些触发事件.不知道各位有什么办法判断没有.  回复  更多评论
  

# re: 如何避免不小心关掉web浏览器窗口 2006-01-12 17:20 TrampEagle
TO:BlueO2
你老兄的问题是不是在页面上点击其它连接时不用提示就跳转至另个页面阿?
我上网搜了很久也没有搜出关闭浏览器的事件码,也不能直接通过判断来处理,但可以这样做:
<script language="javascript">
var g_blnCheckUnload = true;
function RunOnBeforeUnload() {
if (g_blnCheckUnload) {window.event.returnValue = 'You will lose any unsaved content';
}
}
function turnToOtherPage(){
g_blnCheckUnload = false;
//在此处添加你自己需要处理的方法,或页面跳转的连接
g_blnCheckUnload = true;
}
</script>
<body onbeforeunload="RunOnBeforeUnload()">
<input type="button" name="TrampEagle" value="TurnToPage" onclick="turnToOtherPage()">
</body>
如果还有什么问题,请及时联系,祝你早日解决问题!!!
  回复  更多评论
  

# re: 如何避免不小心关掉web浏览器窗口 2007-07-26 16:03 真有米
妙!妙~~我可是找了好久  回复  更多评论
  

# re: 如何避免不小心关掉web浏览器窗口[未登录] 2011-04-19 15:02 匿名
@TrampEagle
恩,是的。  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: