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 相关文章推荐
JavaScript Event学习第七章 事件属性
Feb 07 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
使用JavaScript动态设置样式实现代码(2)
Jan 25 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
jquery使用正则表达式验证email地址的方法
Jan 22 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
第九章之路径分页标签与徽章组件
Apr 25 Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
js原生日历的实例(推荐)
Oct 31 Javascript
vue组件入门知识全梳理
Sep 21 Javascript
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
php创建基本身份认证站点的方法详解
2013/06/08 PHP
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
PHP概率计算函数汇总
2015/09/13 PHP
两种php实现图片上传的方法
2016/01/22 PHP
Thinkphp实现短信验证注册功能
2016/10/18 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
当jquery ajax遇上401请求的解决方法
2016/05/19 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
微信小程序实战篇之购物车的实现代码示例
2017/11/30 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
python正则表达式re之compile函数解析
2017/10/25 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
Python 加密与解密小结
2018/12/06 Python
Python实现操纵控制windows注册表的方法分析
2019/05/24 Python
CSS3 简单又实用的5个属性
2010/03/04 HTML / CSS
美国网上眼镜供应商:LEOTONY(眼镜、RX太阳镜和太阳镜)
2017/10/31 全球购物
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
会计专业自荐信范文
2013/12/02 职场文书
廉政教育心得体会
2014/01/01 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
2015年外联部工作总结
2015/04/03 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
浅析Python中的套接字编程
2021/06/22 Python
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL