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 模拟雅虎首页的点击对话框效果
Apr 11 Javascript
ExtJs事件机制基本代码模型和流程解析
Oct 24 Javascript
Jquery 表单验证类介绍与实例
Jun 09 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
Oct 22 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
基于JS实现父组件的请求服务过程解析
Oct 14 Javascript
JavaScript常用8种数组去重代码实例
Sep 09 Javascript
微信小程序实现多张图片上传功能
Nov 18 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
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
PHP使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
PHP基于面向对象封装的分页类示例
2019/03/15 PHP
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
jQuery实现防止提交按钮被双击的方法
2015/03/24 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
基于vue实现分页效果
2017/11/06 Javascript
详解javascript中的Error对象
2019/04/25 Javascript
python分析apache访问日志脚本分享
2015/02/26 Python
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
pygame播放音乐的方法
2015/05/19 Python
Python本地与全局命名空间用法实例
2015/06/16 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
Python自动化运维之IP地址处理模块详解
2017/12/10 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
Python实现冒泡排序算法的完整实例
2020/11/04 Python
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
幼儿园国庆节活动方案
2014/02/01 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书
python Polars库的使用简介
2021/04/21 Python
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript