Firefox中beforeunload事件的实现缺陷浅析

 更新时间:2012年05月03日 20:37:32   作者:  
beforeunload 指在页面卸载前提供的最后一次JS执行的机会
beforeunload 指在页面卸载前提供的最后一次JS执行的机会。如下
复制代码 代码如下:

window.onbeforeunload = function() {
return '您正在编辑的博客尚未保存,确定要离开此页吗?';
};

可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。
当刷新页面时,各浏览器表现如下

IE:

Chrome:

Firefox12:

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

相关文章

  • 使用webpack4编译并压缩ES6代码的方法示例

    使用webpack4编译并压缩ES6代码的方法示例

    这篇文章主要介绍了使用webpack4编译并压缩ES6代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 3分钟掌握常用的JS操作JSON方法总结

    3分钟掌握常用的JS操作JSON方法总结

    工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结
    2017-04-04
  • JavaScript代码实现春晚刘谦魔术的模拟程序

    JavaScript代码实现春晚刘谦魔术的模拟程序

    昨晚春晚上刘谦的两个魔术表演都非常精彩,尤其是第二个魔术,他演绎了经典的约瑟夫环问题!约瑟夫环是一个经典的数学问题,本文给出了完整的 JavaScript 代码实现,感兴趣的同学可以自己动手实现一下
    2024-02-02
  • IntelliJ IDEA 安装vue开发插件的方法

    IntelliJ IDEA 安装vue开发插件的方法

    本篇文章主要介绍了IntelliJ IDEA 安装vue开发插件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • JavaScript快速排序算法不同版本原理解析

    JavaScript快速排序算法不同版本原理解析

    这篇文章主要为大家介绍了JavaScript快速排序算法不同版本原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • JavaScript制作简单的框选图表

    JavaScript制作简单的框选图表

    这篇文章主要为大家详细介绍了JavaScript制作一个简单的框选图表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • layui关闭层级、简单监听的实例

    layui关闭层级、简单监听的实例

    今天小编就为大家分享一篇layui关闭层级、简单监听的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS仿QQ好友列表展开、收缩功能(第一篇)

    JS仿QQ好友列表展开、收缩功能(第一篇)

    这篇文章主要介绍了JS仿QQ好友列表展开、收缩功能(第一篇),需要的朋友可以参考下
    2017-07-07
  • JavaScript获取某一天所在的星期

    JavaScript获取某一天所在的星期

    我们会遇到的需求是,获取今天或者某一天所在星期的开始和结束日期。今天小编通过实例代码给大家分享JavaScript获取某一天所在的星期,感兴趣的朋友跟随小编一起看看吧
    2019-09-09
  • 关于laydate.js加载laydate.css路径错误问题解决

    关于laydate.js加载laydate.css路径错误问题解决

    日期时间选择插件 laydate.js相信对大家来说都不陌生,这篇文章主要给大家介绍了关于laydate.js加载laydate.css路径错误问题解决的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-12-12

最新评论