您的位置：首页 > Web前端 > JavaScript

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

2006-03-10 00:08 302 查看

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 浏览器 web firefox mozilla javascript opera

相关文章推荐

新的分享

章节导航