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选择器如何获取父级元素、同级元素、子元素
May 14 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 Javascript
AngularJS实现标签页的两种方式
Sep 05 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 Javascript
three.js如何实现3D动态文字效果
Mar 03 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
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
BBS(php & mysql)完整版(五)
2006/10/09 PHP
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
修复ShopNC使用QQ 互联时提示100010 错误
2015/11/08 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
简单实现PHP留言板功能
2016/12/21 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
PHP实现普通hash分布式算法简单示例
2018/08/06 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
angular.js + require.js构建模块化单页面应用的方法步骤
2017/07/19 Javascript
vue内置指令详解
2018/04/03 Javascript
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
Python中splitlines()方法的使用简介
2015/05/20 Python
python分析作业提交情况
2017/11/22 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
劳资员岗位职责
2013/11/11 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
运动会通讯稿100字
2014/01/31 职场文书
股指期货心得体会
2014/09/10 职场文书
证婚人婚礼致辞
2015/07/28 职场文书
奠基仪式致辞
2015/07/30 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
使用Apache Camel表达REST服务的方法
2022/06/10 Servers