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实现的二叉树算法,结合完整实例形式分析了基于JS定义、创建二叉树及常用的各种遍历、访问二叉树操作技巧,需要的朋友可以参考下2017-04-04
在没有后端提供数据的情况下,前端人员在自己写demo或者练手项目的时候可以使用mock.js来模拟数据,本文主要介绍了mock.js模拟数据的实现,感兴趣的可以了解一下2023-11-11
css实现的图片模糊效果...2007-04-04
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
这篇文章主要介绍了bootstrap模态框跳转到当前模板页面，框消失了，而背景依然存在问题的解决方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
下面小编就为大家分享一篇实时监控文本框输入字数的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
大家都知道js是不能跨域的，但我们有时候就要这么用，怎么办呢？办法总是有的.2009-09-09
这篇文章主要为大家详细介绍了微信小程序实现计时器开始和结束功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
在页面中绘制表格可以满足我们对数据的输入需求，在js中可以很容易实现，下面有个不错的示例，感兴趣的朋友可以参考下2013-09-09
uniapp微信小程序底部动态tabBar的解决方案(自定义tabBar导航)
tabBar如果应用是一个多tab应用,可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页,下面这篇文章主要给大家介绍了关于uniapp微信小程序底部动态tabBar的解决方案,需要的朋友可以参考下2022-04-04
分别用两个函数实现的菜单...2007-05-05
最新评论