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 相关文章推荐
禁止JQuery中的load方法装载IE缓存中文件的方法
Sep 11 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
js中bool值的转换及“&&”、“||”、 “!!”详解
Dec 21 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
深入理解 webpack 文件打包机制(小结)
Jan 08 Javascript
js捆绑TypeScript声明文件的方法教程
Apr 13 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
vue中使用rem布局代码详解
Oct 30 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
function.inc.php超越php
2006/12/09 PHP
PHP爆绝对路径方法收集整理
2012/09/17 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
JavaScript 继承详解(二)
2009/07/13 Javascript
Prototype源码浅析 Enumerable部分之each方法
2012/01/16 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
node.js中axios使用心得总结
2017/11/29 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
解决python多线程报错:AttributeError: Can't pickle local object问题
2020/04/08 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
公司薪酬管理制度
2014/01/31 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
植树节活动总结
2014/04/30 职场文书
初中升旗仪式演讲稿
2014/05/08 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
2014年材料员工作总结
2014/11/19 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
投资申请报告
2015/05/19 职场文书
AJAX学习笔记
2021/05/18 Javascript
SpringBoot连接MySQL获取数据写后端接口的操作方法
2021/11/02 MySQL