监听浏览器关闭事件

# 1: 监听浏览器关闭事件  ---  后台删用户登录信息    ---   IE不可用


.jsp :

var _beforeUnload_time = 0, _gap_time = 0;

var is_fireFox = navigator.userAgent.indexOf("Firefox")>-1;//是否是火狐浏览器

window.onunload = function (){

_gap_time = new Date().getTime() - _beforeUnload_time;

if(_gap_time <= 5)

     $.post("webLoginController.do?delSession",function(){});  //浏览器关闭

//  else

    //$.post("webLoginController.do?delSession",function(){});  //浏览器刷新

}

window.onbeforeunload = function (){

   _beforeUnload_time = new Date().getTime();

   if(is_fireFox)//火狐关闭执行

        $.post("webLoginController.do?delSession",function(){});

};

.java :

@RequestMapping(params = "delSession")

  public void delSession(HttpSession session) {

   boolean isTrue = false;

   String userId = session.getAttribute("userId").toString();

   if (userId != null && !userId.equals("")) {

      isTrue = webLoginService.deleteOnline(userId);

   } else {

    isTrue = false;

}

session.invalidate();

}


# 2 : IE可用  ---  谷歌不可用【控制台报错】


window.onbeforeunload=function(){

   alert( "您确定退出吗?");

}


# 3 : IE 谷歌 可用


window.onbeforeunload=function(){

   return "您确定退出吗?";

}


页面加载时只执行onload

页面关闭时只执行onunload

页面刷新时先执行onbeforeunload,然后onunload,最后onload。

前辈的结论是:

//对于ie,谷歌,360:

--  页面加载时只执行onload

--  页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。

-- 页面关闭时,先onbeforeunload事件,再onunload事件。

//对于火狐:

-- 页面刷新时,只执行onunload;

-- 页面关闭时,只执行onbeforeunload事件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 7,499评论 0 25
  • 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放...
    孤魂草阅读 4,446评论 0 0
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 9,026评论 1 19
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,237评论 0 5
  • 16年关注好报公众号几个月了,看到好报写作群也搞了几个月的活动了,一直想参加、学学写作,这个月终于克服懒惰心理,开...
    草原龙阅读 1,571评论 7 1

友情链接更多精彩内容