在用户离开页面(刷新、后退、关闭等)时提示信息

简介: 有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失,何不先提醒一下用户呢?实例代码如下:  Confirm Before Leave

 
 有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失,
何不先提醒一下用户呢?实例代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Confirm Before Leave</title>
 <script language="javascript" type="text/javascript"><!--
 var pb_strConfirmCloseMessage;
 var pb_blnCloseWindow = false;
 pb_strConfirmCloseMessage ="您真的要离开本页吗?";
 function ConfirmClose() {
     window.event.returnValue = pb_strConfirmCloseMessage;
     pb_blnCloseWindow = true;
 }
 function ShowConfirmClose(blnValue) {
     if(blnValue) {
         document.body.onbeforeunload = ConfirmClose;
     } else {
         document.body.onbeforeunload = null;
     }
 }
 //--></script>
</head>
<body onload="ShowConfirmClose(true);">
<input type=button value="提示" onclick="ShowConfirmClose(true);">
<input type=button value="不提示" onclick="ShowConfirmClose(false);">
<input type=button value="测试刷新" onclick="window.location.reload();">
</body>
</html>

目录
相关文章
|
5月前
|
前端开发 网络安全 数据库
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
|
5月前
如何解决由引起的IQKeyboardManager部分页面返回的键盘高度比实际小或最后收到键盘隐藏通知却显示了键盘问题
如何解决由引起的IQKeyboardManager部分页面返回的键盘高度比实际小或最后收到键盘隐藏通知却显示了键盘问题
66 0
|
5月前
|
开发者
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
81 0
检测浏览器刷新还是退出代码 #127
检测浏览器刷新还是退出代码 #127
61 0
|
Java
网页退出登录,清空session,设置登录页面的浏览器的返回按钮失效!
网页退出登录,清空session,设置登录页面的浏览器的返回按钮失效!
164 0
|
JavaScript API
onbeforeunload事件之关闭浏览器之前的提示弹框
onbeforeunload事件之关闭浏览器之前的提示弹框
554 0
|
缓存 前端开发 JavaScript
网页中F5刷新与ctrl + F5强制刷新的区别?
网页中F5刷新与ctrl + F5强制刷新的区别?
网页中F5刷新与ctrl + F5强制刷新的区别?