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 相关文章推荐
filemanage功能中用到的common.js
Apr 08 Javascript
用javascript实现在小方框中浏览大图的代码
Aug 14 Javascript
javascript cookies操作集合
Apr 12 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
Jquery submit()无法提交问题
Apr 21 Javascript
jQuery 3.0 的 setter和getter 模式详解
Jul 11 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
Jul 11 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
3种vue路由传参的基本模式
Feb 22 Javascript
vue.js根据代码运行环境选择baseurl的方法
Feb 28 Javascript
小程序云开发初探(小结)
Oct 24 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 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
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
JS 日期验证正则附asp日期格式化函数
2009/09/11 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
js实现圆形菜单选择器
2020/12/03 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
python中sets模块的用法实例
2014/09/30 Python
新手如何快速入门Python(菜鸟必看篇)
2017/06/10 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
django admin后台添加导出excel功能示例代码
2019/05/15 Python
Tensorflow中k.gradients()和tf.stop_gradient()用法说明
2020/06/10 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
linux比较文件内容的命令是什么
2013/03/04 面试题
带薪年假请假条
2014/02/04 职场文书
黄金搭档广告词
2014/03/21 职场文书
给学校建议书范文
2014/05/13 职场文书
党的群众教育实践活动实施方案
2014/06/12 职场文书
信息合作协议书
2014/10/09 职场文书
联欢会开场白
2015/06/01 职场文书
教师旷工检讨书
2015/08/15 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
MySQL 常见的数据表设计误区汇总
2021/06/07 MySQL
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS