jquery beforeunload方法

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

    其中jq提供了一个beforeunload方法，可以实现功能：

jquery离开页面弹出提示代码

//绑定beforeunload事件

$(window).bind('beforeunload',function(){

return '您输入的内容尚未保存，确定离开此页面吗？';

});

//解除绑定，一般放在提交触发事件中

$(window).unbind('beforeunload');

    当然，js也同样可以实现，实用onbeforeunload事件方法：

js离开页面提示

window.onbeforeunload = function(event) { 

return confirm("确定退出吗"); 

}

 

本文由 w3cmark_前端笔记 版权所有，转载时请注明出处。
注明出处格式：w3cmark (http://www.w3cmark.com/2014/280.html)

转自：http://www.w3cmark.com/2014/280.html