js 实现在离开页面时提醒未保存的信息(减少用户重复操作)


Posted in Javascript onJanuary 16, 2013

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();">
Javascript 相关文章推荐
jQuery使用手册之 事件处理
Mar 24 Javascript
jQuery 各种浏览器下获得日期区别
Dec 22 Javascript
asp.net HttpHandler实现图片防盗链
Nov 09 Javascript
新浪微博字数统计 textarea字数统计实现代码
Aug 28 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
js判断手机号是否正确并返回的实现代码
Jan 17 Javascript
AngularJS路由删除#符号解决的办法
Sep 28 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
vue2.0 实现导航守卫(路由守卫)
May 21 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
js拦截alert对话框另类应用
Jan 16 #Javascript
javascript图像处理—仿射变换深度理解
Jan 16 #Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 #Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 #Javascript
尝试在让script的type属性等于text/html
Jan 15 #Javascript
Js-$.extend扩展方法使方法参数更灵活
Jan 15 #Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 #Javascript
You might like
javascript,php获取函数参数对象的代码
2011/02/03 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
jQuery 渐变下拉菜单
2009/12/15 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
基于vue中css预加载使用sass的配置方式详解
2018/03/13 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Mac 上切换Python多版本
2017/06/17 Python
python绘制地震散点图
2019/06/18 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
Django Docker容器化部署之Django-Docker本地部署
2019/10/09 Python
python代码如何注释
2020/06/01 Python
Python读取多列数据以及用matplotlib制作图表方法实例
2020/09/23 Python
matplotlib之pyplot模块之标题(title()和suptitle())
2021/02/22 Python
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
Linux管理员面试经常问道的相关命令
2014/12/12 面试题
高中生毕业自我鉴定范文
2013/12/22 职场文书
酒店管理毕业生自荐信
2014/05/25 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
学校社团活动总结
2015/05/07 职场文书
硕士学位申请报告
2015/05/15 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
使用Springboot实现健身房管理系统
2021/07/01 Java/Android