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 表单验证常见正则
Sep 28 Javascript
Dojo 学习要点
Sep 03 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
Vue瀑布流插件的使用示例
Sep 19 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
vue实现页面切换滑动效果
Jun 29 Javascript
JavaScript如何操作css
Oct 24 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
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
JScript中的undefined和"undefined"的区别
2007/03/08 Javascript
Javascript 篱式条件判断
2008/08/22 Javascript
JQuery动态给table添加、删除行 改进版
2011/01/19 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
Jquery.Form 异步提交表单的简单实例
2014/03/03 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
JS中的form.submit()不能提交表单的错误原因
2014/10/08 Javascript
javascript匿名函数实例分析
2014/11/18 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
js html实现计算器功能
2018/11/13 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
详解vue 组件
2020/06/11 Javascript
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
python简单获取本机计算机名和IP地址的方法
2015/06/03 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
python构建深度神经网络(DNN)
2018/03/10 Python
使用Python创建简单的HTTP服务器的方法步骤
2019/04/26 Python
Python 使用list和tuple+条件判断详解
2019/07/30 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
骨干教师培训感言
2014/01/16 职场文书
2015年环保局工作总结
2015/05/22 职场文书
找规律教学反思
2016/02/23 职场文书
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android