如何避免不小心关掉web浏览器窗口
2014-09-18 16:17
155 查看
前段时间,一直在做web项目,总是出现一个问题:用户输入了一些内容后,不小心关掉了浏览器窗口,或是跳转到了其它页面,没有任何的提示,但是数据就没有了,其实跳转还好办,难就难在关闭浏览器时要给出一个提示,很是头痛,上网查了很多东东,但都没有结果,
![](http://www.blogjava.net/Emoticons/sad_smile.gif)
![](http://www.blogjava.net/Emoticons/sad_smile.gif)
![](http://www.blogjava.net/Emoticons/sad_smile.gif)
,很是郁闷。
今天无意识的在关闭一篇没有写完的随笔时,突然发现有“如果不保存就会丢失内容”的提示。很是激动。就查看了原文件,虽然很多乱码,但好在还有一部分可读的,终于让我发现了onbeforeunload事件 ,
![](http://www.blogjava.net/Emoticons/regular_smile.gif)
,很是开心。在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>
[/u]描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。
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的表单的时候。
[/u]可以用在以下元素:
BODY, FRAMESET, window平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
![](http://www.blogjava.net/Emoticons/sad_smile.gif)
![](http://www.blogjava.net/Emoticons/sad_smile.gif)
![](http://www.blogjava.net/Emoticons/sad_smile.gif)
,很是郁闷。
今天无意识的在关闭一篇没有写完的随笔时,突然发现有“如果不保存就会丢失内容”的提示。很是激动。就查看了原文件,虽然很多乱码,但好在还有一部分可读的,终于让我发现了onbeforeunload事件 ,
![](http://www.blogjava.net/Emoticons/regular_smile.gif)
,很是开心。在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>
[/u]描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。
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的表单的时候。
[/u]可以用在以下元素:
BODY, FRAMESET, window平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
相关文章推荐
- 如何避免不小心关掉web浏览器窗口
- 如何避免不小心关掉web浏览器窗口
- 如何避免不小心关掉web浏览器窗口
- 如何避免不小心关掉web浏览器窗口
- 如何避免不小心关掉web浏览器窗口
- 用WebView访问证书有问题的SSL网页以及在文件关联窗口中选择浏览器后,浏览器如何识别到该连接地址
- Selenium Webdriver中如何处理浏览器弹出多个窗口的问题
- 在打开的Web表单模态窗口中,避免点击服务端控件时弹出新窗口的技巧
- 右键单击浏览器时如何避免弹出快捷菜单
- 如何在关闭窗口的时候,不让浏览器自动弹出确认关闭对话框
- 解决浏览器被web.9983.com劫持及不定期弹出广告窗口的问题(第3版)
- IE8如何定义浏览器工作模式避免网页显示混乱
- 如何让层垂直居中于浏览器窗口
- 如何在PB中调用 Microsoft WEB 浏览器 控件?
- 如何避免Javascript脚本导致IE和其他浏览器运行缓慢
- 在sdk中如何加入web浏览器的两种方法(部分原创部分翻译)
- [引]ASP.NET 移动网页 与 如何:使用仿真程序和浏览器在部署移动 Web 应用程序之前对其进行测试
- 如何使用ASP.NET不用脚本(JavaScript)达到新开IE(浏览器)窗口的目的?
- 如何在 Windows XP 中使用 Web 浏览器连接打印机
- 如何使用默认浏览器在新窗口中打开 URL