如何避免不小心关掉web浏览器窗口

来源：互联网发布：淘宝格子铺的真实性编辑：程序博客网时间：2024/05/23 05:09

前段时间，一直在做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

描述：
事件触发的时候弹出一个有确定和取消的对话框，确定则离开页面，取消则继续待在本页。
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+

0 0