Firefox中beforeunload事件的实现缺陷浅析


Posted in Javascript onMay 03, 2012

beforeunload 指在页面卸载前提供的最后一次JS执行的机会。如下

window.onbeforeunload = function() { 
return '您正在编辑的博客尚未保存,确定要离开此页吗?'; 
};

可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。
当刷新页面时,各浏览器表现如下

IE:

Firefox中beforeunload事件的实现缺陷浅析

Chrome:

Firefox中beforeunload事件的实现缺陷浅析

Firefox12:

Firefox中beforeunload事件的实现缺陷浅析

Mozilla官方说Firefox4之前的版本可以通过事件对象的returnValue修改该值,如下
window.onbeforeunload = function(e) { 
e = e || window.event; // For IE and Firefox prior to version 4 
if (e) { 
e.returnValue = 'Any string'; 
} 
return '您正在编辑的博客尚未保存,确定要离开此页吗?'; 
};

相关:
https://developer.mozilla.org/en/DOM/window.onbeforeunload
https://bugzilla.mozilla.org/show_bug.cgi?id=588292
Javascript 相关文章推荐
JS网络游戏-(模拟城市webgame)提供的一些例子下载
Oct 14 Javascript
jquery实现select下拉框美化特效代码分享
Aug 18 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
Jul 27 Javascript
Javascript自定义事件详解
Jan 13 Javascript
基于vue.js实现侧边菜单栏
Mar 20 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
统计jQuery中各字符串出现次数的工具
May 03 #Javascript
JQuery插件Style定制化方法的分析与比较
May 03 #Javascript
拉动滚动条加载数据的jquery代码
May 03 #Javascript
基于jquery的固定表头和列头的代码
May 03 #Javascript
一个基于jQuery的树型插件(OrangeTree)使用介绍
May 03 #Javascript
ASP.NET中AJAX 调用实例代码
May 03 #Javascript
javascript中将Object转换为String函数代码 (json str)
Apr 29 #Javascript
You might like
使用PHP socke 向指定页面提交数据
2008/07/23 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
10条php编程小技巧
2015/07/07 PHP
Zend Studio使用技巧两则
2016/04/01 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
js使用html()或text()方法获取设置p标签的显示的值
2014/08/01 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
Python中的进程分支fork和exec详解
2015/04/11 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
css3的过滤效果简单实例
2016/08/03 HTML / CSS
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
戴森美国官网:Dyson美国
2016/09/11 全球购物
软件工程师面试题
2012/06/25 面试题
三好学生自我鉴定
2013/12/17 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
地道战观后感500字
2015/06/04 职场文书
小学同学聚会感言
2015/07/30 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书