用户关闭页面前提示，提醒保存内容 Window 的 unload onunload onbeforeunload 事件

在线测试例子： http://kylebing.cn/test/unload-event/

在很多有编辑内容的页面都需要实现这个功能：
用户在点击刷新、关闭、离开、关闭当前标签页、关闭浏览器时，提示有内容没有保存是否保存。

这个功能是通过 window 的 onunload 实现的，在用户执行上面这些操作时，就会使当前文档丢弃，也就是所谓的英文的 unload 的字面意思。

实现关闭之前的提示

如果你想在用户关闭之前提示信息，就在 onbeforeunload 方法中返回任意值，任意值都可以
不返回任何数据，浏览器就不会提示。

你就可以在这个方法中执行你需要判断的编辑，根据自己的需要设置或者不设置返回值即可。

比如：
一个在线文本编辑器，你可以在用户执行关闭时判断内容是否被修改，然后根据需要提示或者不提示。

// ()() 双括号方法是载入即执行的方法// ES6 写法
(()=>{window.onbeforeunload = (event) => {return "关闭前的提示";
}
})()// 非ES6
(function(){window.onbeforeunload = function (event){return "关闭前的提示";}
})()

不同浏览器提示信息不同

目前不可自定义提示内容，Chrome 火狐 Safari 三个浏览器的提示如下：

用户关闭页面前提示，提醒保存内容 Window 的 unload onunload onbeforeunload 事件相关推荐

html离开页面时,js实现用户离开页面前提示是否离开此页面的方法（包括浏
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...
php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）...
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) window.onbef ...
【JavaScript】离开页面前提示
离开页面前的提示不能够用onunload去做,由于它仅仅是兼容IE,你要兼容Google与FireFox就蛋疼了. 并且这个事件还是关闭之后才会触发的. 取而代之能够用onbeforeunload去实 ...
关闭浏览器前提示_win7系统ie总弹出查看和跟踪下载的关闭方法
今天小编给大家分享的是win7系统ie总弹出查看和跟踪下载的关闭方法,使用ie浏览器上网的时候,有些用户会遇到ie总弹出查看和跟踪下载的窗口,很多用户想关闭掉此提示,却不知如何关闭查看和跟踪下载的窗口 ...
Oracle EBS AR关闭会计期间例外提示:APP-AR-294571: XXX-XXX 因一些未处理的会计事件或未传送的日记帐分录而无法关闭
AR关闭会计期间例外提示如下: 提交请求"Subledger Period Close Exceptions Report"输出结果如下: 解决方法: 将"为第三方合并创 ...
关闭页面不用提示的方法
Response.Write("<script>window.opener=null;window.close();</script>") ;
easyui弹出窗关闭前调用确认窗口,先关闭页面后调用弹出窗口
弹出窗关闭的时候提示是否关闭,同时进行一些对应的方法调用, 然而在进行页面关闭调用的时候,往往页面关闭了,才弹出确认对话框, $.messager.confirm和panel的onBeforeClos ...
php关闭当前页_php如何直接关闭页面注销SESSION
php如何直接关闭页面注销SESSION 发布时间:2020-07-09 09:03:06 来源:亿速云阅读:100 作者:Leah 这篇文章将为大家详细讲解有关php如何直接关闭页面注销SESSI ...
HTML页面中点击按钮关闭页面几种方式与取消
1.不带任何提示关闭窗口的js代码 1 <input type="button" name="close" value="关闭" on ...

用户关闭页面前提示，提醒保存内容 Window 的 unload onunload onbeforeunload 事件

用户关闭页面前提示，提醒保存内容 Window 的 unload onunload onbeforeunload 事件

实现关闭之前的提示

不同浏览器提示信息不同

用户关闭页面前提示，提醒保存内容 Window 的 unload onunload onbeforeunload 事件相关推荐

最新文章

热门文章