最近的页面,凡是有输入框的,当用户还没保存的时候关闭页面,都会提示用户——你确定离开当前页面吗?这个功能在一些后台系统发布文章、写日志、百度空间、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

相关文章:

  • 2021-05-27
  • 2021-09-12
  • 2022-01-21
  • 2022-12-23
  • 2021-08-15
  • 2021-05-08
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-06
  • 2022-12-23
  • 2021-05-27
相关资源
相似解决方案