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 相关文章推荐
javascript编程起步(第六课)
Feb 27 Javascript
javascript 有趣而诡异的数组
Apr 06 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
Apr 13 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
Feb 10 Javascript
详解打造 Vue.js 可复用组件
Mar 24 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
Vue+Element使用富文本编辑器的示例代码
Aug 14 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
JavaScript运行机制实例分析
Apr 11 Javascript
使用js和canvas实现时钟效果
Sep 08 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
Zerg兵种介绍
2020/03/14 星际争霸
PHP IPV6正则表达式验证代码
2010/02/16 PHP
php打造属于自己的MVC框架
2012/03/07 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
微信小程序之圆形进度条实现思路
2018/02/22 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
React事件处理的机制及原理
2018/12/03 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
Python获取当前时间的方法
2014/01/14 Python
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
python+selenium实现163邮箱自动登陆的方法
2017/12/31 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
PyTorch中常用的激活函数的方法示例
2019/08/20 Python
Python json格式化打印实现过程解析
2020/07/21 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
2014年公司迎新年活动方案
2014/02/24 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
詹天佑教学反思
2014/04/30 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
锦旗赠语
2015/06/23 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis
css中z-index: 0和z-index: auto的区别
2021/08/23 HTML / CSS
oracle索引总结
2021/09/25 Oracle
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS