当前位置: 首页 » 前端开发 » beforeunload实现关闭离开的提示
 |  全屏浏览  |  字号调整:

beforeunload实现关闭离开的提示

2014-10-16 11:52:17 前端开发 0 1.05 k 百度已收录
本文最后更新于2014-10-16,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!
历史上的今天:10月20日 - 1962年,中印边境自卫反击战爆发

周六下午好, 本文除去代码部分,共393个字,预计阅读时间需要1分钟。

最近的页面,凡是有输入框的,当用户还没保存的时候关闭页面,都会提示用户——你确定离开当前页面吗?这个功能在一些后台系统发布文章、写日志、百度空间、QQ空间经常用到,用户体验也是不错的,可以让用户降低丢失信息的风险。今天就来看看这个功能是怎么实现的:

下面分别列一下JS和jQuery的代码:

jQuery离开页面弹出提示代码:

1
2
3
4
5
6
//绑定beforeunload事件
$(window).bind('beforeunload',function(){
     return '您输入的内容尚未保存,确定离开此页面吗?';
});
//解除绑定,一般放在提交触发事件中
$(window).unbind('beforeunload');

js离开页面弹出提示代码:

1
2
3
window.onbeforeunload = function(event) { 
    return confirm("您输入的内容尚未保存,确定离开此页面吗?"); 
}

本文标题:beforeunload实现关闭离开的提示

本文地址:http://www.hehaibao.com/beforeunload/

版权声明:本博客所有文章除特别声明外,均采用 署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果!


发表评论

电子邮件地址不会被公开。 必填项已用*标注