onbeforeunload事件

最新推荐文章于 2020-09-03 14:45:52 发布

转载最新推荐文章于 2020-09-03 14:45:52 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sdd53home/p/5165575.html

文章标签：

#php

本文介绍了一个JavaScript事件应用，用于在用户尝试关闭浏览器时弹出警告，提示其博客内容未保存，有效防止因意外操作导致的数据丢失。

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

1.这个事件存在的意义就是防止用户不小心关闭浏览器而丢失正在编辑的内容，所以它的工作就是弹出一个关闭页面的警告。

　　使用这个事件不需要自己用confirm来自己发起一次询问，只要在返回值中写入询问对话框的字符即可。

2.beforeunload 指在页面卸载前提供的最后一次JS执行的机会，可以使用返回值文字提示用户，但Firefox却不显示该文字。

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://www.cnblogs.com/sdd53home/p/5165575.html