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 相关文章推荐
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
Aug 21 Javascript
点击文章内容处弹出页面代码
Oct 01 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
JS、CSS加载中的小问题探讨
Nov 26 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
Oct 14 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
JS canvas实现画板和签字板功能
Feb 23 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
统计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简单获取视频预览图的方法
2015/03/12 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
Mootools 1.2教程 输入过滤第二部分(字符串)
2009/09/15 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
jquery中的常见问题及快速解决方法小结
2016/06/14 Javascript
原生JS京东轮播图代码
2017/03/22 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
2018/10/14 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
django创建自定义模板处理器的实例详解
2017/08/14 Python
Python简单实现查找一个字符串中最长不重复子串的方法
2018/03/26 Python
对tensorflow 的模型保存和调用实例讲解
2018/07/28 Python
python读取文本中的坐标方法
2018/10/14 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
PyTorch 对应点相乘、矩阵相乘实例
2019/12/27 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
您的网上新华书店:文轩网
2016/08/24 全球购物
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
机关单位动员会主持词
2014/03/20 职场文书
房屋买卖委托公证书
2014/04/08 职场文书
政府法律服务方案
2014/06/14 职场文书
离婚协议书范文2015
2015/01/26 职场文书
物业保安辞职信
2015/05/12 职场文书
采购部年度工作总结
2015/08/13 职场文书