js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
更新时间：2013年01月16日 11:06:24 作者：
在离开页面时判断是否有未保存的输入值,然后进行提醒，接下来介绍实现步骤，感兴趣的朋友可以了解下
Javascript代码
//在离开页面时判断是否有未保存的输入值
var hasSaved = false;//是否有输入的内容未保存标志，初始值为false
function CheckUnsave(){
if(hasSaved==false){
alert("您上传的东西尚未保存，请保存后再离开页面");
return false;}
//return true; //不能加这个语句
}
//保存了则改变状态
function ChangeState()
{
hasSaved = true;
}
</script>
在body中加入属性onbeforeunload
Html代码
<body onbeforeunload="return CheckUnsave();"><!--一定要加return-->
要在提交action之前调用ChangeState.
如果按下某个按钮后离开页面则不再提醒，比如保存的按钮，则要在保存的按钮按下以后，要修改下是否保存的标志符的状态eg：
Html代码
<input type="submit" name="Submit" value="保 存" onClick="ChangeState();">
复制代码 代码如下:
//在离开页面时判断是否有未保存的输入值
var hasSaved = false;//是否有输入的内容未保存标志，初始值为false
function CheckUnsave(){
if(hasSaved==false){
alert("您上传的东西尚未保存，请保存后再离开页面");
return false;}
//return true; //不能加这个语句
}
//保存了则改变状态
function ChangeState()
{
hasSaved = true;
}
</script>
在body中加入属性onbeforeunload
Html代码
复制代码 代码如下:
<body onbeforeunload="return CheckUnsave();"><!--一定要加return-->
要在提交action之前调用ChangeState.
如果按下某个按钮后离开页面则不再提醒，比如保存的按钮，则要在保存的按钮按下以后，要修改下是否保存的标志符的状态eg：
Html代码
复制代码 代码如下:
<input type="submit" name="Submit" value="保 存" onClick="ChangeState();">
相关文章
这篇文章主要为大家详细介绍了JS实现简单打字测试，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
在不少的网站使用了这种技术，一般就是两边的一些三个小块排一起的广告。2009-06-06
写任何编程代码，不同的开发者都会有不同的见解。但参考一下总是好的，下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧，Sofish翻译(1,2)。2011-01-01
最近完成了一个Drag类，可以实现指定对象的拖拽效果。2010-07-07
JavaScript实现网页上的浮动广告的简单方法，需要的朋友可以参考一下2013-06-06
CSS和JS标签style属性对照表(方便js开发的朋友)，需要的朋友可以收藏下。2010-11-11
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
这篇文章主要介绍了Bootstrap编写一个兼容IE8、谷歌等主流浏览器的受众门户式风格页面，感兴趣的小伙伴们可以参考一下2016-07-07
这个代码比较简单主要是用到了fromCharCode的特性2008-11-11
jqueryjQueryJQUERYJqueryJQueryjquery报错jsJSJsmyeclipseMyEclipseMyeclipse，很多朋友应该都会遇到过这个情况吧，按照下面的步骤便可迎刃而解2013-10-10
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
本篇文章只要是对JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
最新评论