离开页面提醒功能 (实现博客园离开编辑页面时的提醒功能)(转)
2013-10-24 18:06
169 查看
使用过博客园的朋友可能知道,当我们在编辑中,要离开此页面时,(无论是点浏览器右上角的小叉,还是单击页面中任意链接,或者最小化时用鼠标右键点击关闭)都会一个提醒离开的功能!往往在给用户不小心离开页面时造成的编写内容全部丢失的一道保护!如下:
![](http://images.cnblogs.com/cnblogs_com/eflylab/200711/2007-11-26_145651.jpg)
网上有过朋友问过,我在此就发表一篇!
实现当然不用说,客户端的功能,自然是JS实现!
代码如下:
<html>
<script language=javascript>
function stoprefresh()
{
return "you will lose any unsaved content";
}
function UnloadConfirm()
{ //页面离开后的事件
alert('离开页面后的一些清理工作……');
}
</script>
<body>
<script>
window.onbeforeunload=stoprefresh; //注册关闭前的事件
window.onunload = UnloadConfirm; //注册关闭后的事件
</script>
<a href = "http://eflylab.cnblogs.com">去楚旋博客</a>
</body>
</html>
效果:
![](http://images.cnblogs.com/cnblogs_com/eflylab/200711/2007-11-26_150408.jpg)
这个功能还是比较实用的,只有一种离开情况无法捕获,就是当用户在任务管理器中 结束浏览器进程时无效!
![](http://images.cnblogs.com/cnblogs_com/eflylab/200711/2007-11-26_145651.jpg)
网上有过朋友问过,我在此就发表一篇!
实现当然不用说,客户端的功能,自然是JS实现!
代码如下:
<html>
<script language=javascript>
function stoprefresh()
{
return "you will lose any unsaved content";
}
function UnloadConfirm()
{ //页面离开后的事件
alert('离开页面后的一些清理工作……');
}
</script>
<body>
<script>
window.onbeforeunload=stoprefresh; //注册关闭前的事件
window.onunload = UnloadConfirm; //注册关闭后的事件
</script>
<a href = "http://eflylab.cnblogs.com">去楚旋博客</a>
</body>
</html>
效果:
![](http://images.cnblogs.com/cnblogs_com/eflylab/200711/2007-11-26_150408.jpg)
这个功能还是比较实用的,只有一种离开情况无法捕获,就是当用户在任务管理器中 结束浏览器进程时无效!
相关文章推荐
- 离开页面提醒功能 (实现博客园离开编辑页面时的提醒功能)
- 离开页面提醒功能 (实现博客园离开编辑页面时的提醒功能)
- Jquery实现如何关闭离开页面时提醒
- wayos利用easyradius实现WEB认证页面的记住密码及到期提醒功能
- js 实现在离开页面时,对未保存的信息进行提醒
- JQuery示例1-实现同一页面的编辑功能
- 离开页面提醒功能
- 仿造w3school的试一试功能,实现左侧编辑框,右侧效果页面
- 一段实现DataGrid的“编辑”、“取消”功能脚本,目的是不产生页面刷新
- js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
- 用asp.net 实现页面的新消息提醒功能
- 【博客园发文技巧】不离开编辑页面,批量添加图片链接和设置图片大小
- 11、ABPZero系列教程之拼多多卖家工具 拼团提醒功能页面实现
- js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
- 一段实现DataGrid的“编辑”、“取消”功能脚本,目的是不产生页面刷新
- js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
- js 实现在离开页面时,对未保存的信息进行提醒
- js 实现在离开页面时,对未保存的信息进行提醒
- 一段实现DataGrid的“编辑”、“取消”功能脚本,目的是不产生页面刷新