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实现上传图片之上传前预览图片
Mar 25 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
jquery xMarquee实现文字水平无缝滚动效果
Apr 29 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
AngularJS中的API(接口)简单实现
Jul 28 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
JS装饰器函数用法总结
Apr 21 Javascript
vue的toast弹窗组件实例详解
May 14 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实现链结人气统计
2006/10/09 PHP
php替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
php redis实现对200w用户的即时推送
2017/03/04 PHP
翻译整理的jQuery使用查询手册
2007/03/07 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
Js获取下拉框选定项的值和文本的实现代码
2014/02/26 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
2014/06/24 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
js禁止浏览器的回退事件
2017/04/20 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
python利用OpenCV2实现人脸检测
2020/04/16 Python
Python获取当前函数名称方法实例分享
2018/01/18 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
临床护士自荐信
2014/01/31 职场文书
高中军训感言600字
2014/03/11 职场文书
小学作文评语大全
2014/04/21 职场文书
企业领导班子四风对照检查材料
2014/09/27 职场文书
个人作风建设总结
2014/10/23 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
入党积极分子个人总结
2015/03/02 职场文书
捐书活动倡议书
2015/04/27 职场文书
在Django中使用MQTT的方法
2021/05/10 Python
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers