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 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
jquery 学习之二 属性(html()与html(val))
Nov 25 Javascript
easyui datagrid 键盘上下控制选中行示例
Mar 31 Javascript
JavaScript使用yield模拟多线程的方法
Mar 19 Javascript
JS绘制生成花瓣效果的方法
Aug 05 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
详解vuex持久化插件解决浏览器刷新数据消失问题
Apr 15 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 Javascript
vue实现页面切换滑动效果
Jun 29 Javascript
js获取图片的base64编码并压缩
Dec 05 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中创建和调用webservice接口示例
2014/07/25 PHP
YII CLinkPager分页类扩展增加显示共多少页
2016/01/29 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
PHP小偷程序的设计与实现方法详解
2016/10/15 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
Yii框架连表查询操作示例
2019/09/06 PHP
Laravel5.5 手动分页和自定义分页样式的简单实现
2019/10/15 PHP
json的前台操作和后台操作实现代码
2012/01/20 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
2013/12/10 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
原生JS实现拖拽效果
2020/12/04 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
python七夕浪漫表白源码
2019/04/05 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
python集合是否可变总结
2019/06/20 Python
django+echart数据动态显示的例子
2019/08/12 Python
python安装gdal的两种方法
2019/10/29 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
销售人员个人求职信
2013/09/26 职场文书
怎么写有吸引力的自荐信
2013/11/17 职场文书
机械系大学毕业生推荐信
2013/11/27 职场文书
学历公证书范本
2014/04/09 职场文书
红色故事演讲稿
2014/05/22 职场文书
四风问题查摆材料
2014/08/25 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
讲座开场白台词和结束语
2015/05/29 职场文书