beforeunload实现关闭离开的提示

作者: haibao 分类: 笔记 发布时间: 2014-10-16 11:52
仁者不忧,智者不惑,勇者不惧。——宪问

最近的页面,凡是有输入框的,当用户还没保存的时候关闭页面,都会提示用户——你确定离开当前页面吗?这个功能在一些后台系统发布文章、写日志、百度空间、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实现关闭离开的提示],如没有标注转载,均为原创,转载请保留出处和链接,欢迎分享 谢谢。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

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

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>