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 相关文章推荐
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
js Date概念详细介绍
Nov 22 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
May 24 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
微信小程序websocket实现即时聊天功能
May 21 Javascript
Vue.js的模板语法详解
Feb 16 Javascript
vue.js实现简单的计算器功能
Feb 22 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 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
PHPExcel读取Excel文件的实现代码
2011/12/06 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
php出现web系统多域名登录失败的解决方法
2014/09/30 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
jquery实现简单的遮罩层
2016/01/08 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
微信小程序-滚动消息通知的实例代码
2017/08/03 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
JS寄快递地址智能解析的实现代码
2020/07/16 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
python实现人脸识别代码
2017/11/08 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
pyinstaller将含有多个py文件的python程序做成exe
2020/04/29 Python
使用OpenCV获取图片连通域数量,并用不同颜色标记函
2020/06/04 Python
python用什么编辑器进行项目开发
2020/06/17 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
公司财务自我评价分享
2013/12/17 职场文书
护士自我介绍信
2014/01/13 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
python基础之爬虫入门
2021/05/10 Python
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
python中对列表的删除和添加方法详解
2022/02/24 Python