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 给汉字排序实例代码
Jun 28 Javascript
为指定元素增加样式的js代码
Dec 09 Javascript
JS Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
Jquery自定义button按钮的几种方法
Jun 11 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
PHP session会话的安全性分析
2011/09/08 PHP
destoon公司主页模板风格的添加方法
2014/06/20 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
vue弹窗消息组件的使用方法
2020/09/24 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
使用vue中的混入mixin优化表单验证插件问题
2019/07/02 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
python中使用enumerate函数遍历元素实例
2014/06/16 Python
Python解析最简单的验证码
2016/01/07 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
Python爬虫实例_利用百度地图API批量获取城市所有的POI点
2018/01/10 Python
Python统计单词出现的次数
2018/04/04 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
windows安装TensorFlow和Keras遇到的问题及其解决方法
2019/07/10 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
在pycharm中实现删除bookmark
2020/02/14 Python
python游戏开发的五个案例分享
2020/03/09 Python
Python csv文件记录流程代码解析
2020/07/16 Python
基于Python实现简单学生管理系统
2020/07/24 Python
Cotton On南非:澳洲时尚平价品牌
2018/06/28 全球购物
Python使用openpyxl复制整张sheet
2021/03/24 Python
大学学生会竞选演讲稿
2014/04/25 职场文书
2014年科普工作总结
2014/12/06 职场文书
神龙架导游词
2015/02/11 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL