用js实现关闭或刷新页面时提示保存更改信息
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用js实现关闭或刷新页面时提示保存更改信息相关的知识，希望对你有一定的参考价值。
参考了网上代码，网页如下，为什么没有提示？jquery1.91
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var changeFlag=false;
//标识文本框值是否改变，为true，标识已变
$(document).ready(function()
//文本框值改变即触发
$("input[type='text']").change(function()
changeFlag=true;
);
//文本域改变即触发
$("textarea").change(function()
changeFlag=true;
);
);
//离开页面时保存文档
window.onbeforeunload = function()
if(changeFlag ==true)
//如果changeFlag的值为true则提示
if(confirm("页面值已经修改，是否要保存？"))
//处理信息保存...
alert("即将执行保存操作...");
else
//不保存数据...
alert("不保存信息...");
</script>
</head>
<body>
<form action="">
帐号：<input type="text" name="username"/><br/>
密码：<input type="text" name="password"/><br/>
备注：<textarea rows="3" cols="17"></textarea>
<input type="submit" value="提交"/>
</form>
</body>
</html>
Js/Jquery 关闭 离开或刷新当前页面时提醒，和执行解绑取消提醒
<script language="JavaScript">
//当编辑内容改变时执行： $(window).bind(‘beforeunload‘,function(){return ‘------------------------------------------------ 提示：未保存的内容将会丢失。 ------------------------------------------------‘;}); //点发送按钮时执行：
function SendMail(){ console.log("发送...... 成功，马上关闭"); $(window).unbind(‘beforeunload‘);//这个是取消提醒 /* window.opener=null; window.open(‘‘,‘_self‘); window.close();*/ location.reload(); } </script>
JS版:
<script language ="javaScript">
<!--关闭浏览器 -->
var flag = true;
window.onbeforeunload = function () {
if (flag) {
var evt = window.event || arguments[0];
var userAgent = navigator.userAgent;
if (userAgent.indexOf("MSIE") > 0) {
var n = window.event.screenX - window.screenLeft;
var b = n > document.documentElement.scrollWidth - 20;
if (b && window.event.clientY < 0 || window.event.altKey) {
window.event.returnValue = ("该操作将会导致非正常退出系统(正确退出系统方式：点击退出系统按钮)，您是否确认?");
}else {
return ("该操作将会导致非正常退出系统(正确退出系统方式：点击退出系统按钮)，您是否确认?");
}
}else if (userAgent.indexOf("Firefox") > 0) {
return ("该操作将会导致非正常退出系统(正确退出系统方式：点击退出系统按钮)，您是否确认?");
}
}
}
</script>
以上是关于用js实现关闭或刷新页面时提示保存更改信息的主要内容，如果未能解决你的问题，请参考以下文章
Js/Jquery 关闭 离开或刷新当前页面时提醒，和执行解绑取消提醒
JS弹出框点击获取值后，自动关闭弹出框，然后刷新页面，文本框里里显示选择的信息。