js监听浏览器关闭的问题

最新推荐文章于 2024-07-24 02:04:41 发布

soccerx

最新推荐文章于 2024-07-24 02:04:41 发布

阅读量596

点赞数 1

分类专栏： javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/soccerx/article/details/84222947

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近在一个网页上需要监视用户是否点击关闭窗口的动作，在网上查了个遍，总结一下：
1. 利用window.onbeforeunload()和window.onunload()事件，但是在关闭当前窗口，跳转到其它窗口，刷新窗口，回退/前进，回主页的操作时都会触发该动作：


<script type="text/javascript">  
<!--    
    window.onbeforeunload = onbeforeunload_handler;  
    window.onunload = onunload_handler;  
    function onbeforeunload_handler(){  
        var warning="确认退出?";          
        return warning;  
    }  

    function onunload_handler(){  
        var warning="谢谢光临";  
        alert(warning);  
    }  
// -->  
</script>

2. 判断是否点击窗口右上角叉号，区分是否为关闭窗口还是刷新窗口：


window.onbeforeunload = function() //author: meizz
{
  var n = window.event.screenX - window.screenLeft;
  var b = n > document.documentElement.scrollWidth-20;
  if(b && window.event.clientY < 0 || window.event.altKey){
  alert("是关闭而非刷新");
  window.event.returnValue = ""; //这里可以放置你想做的操作代码
}else{
  alert("是刷新而非关闭");
}

但是这两种方法都无法解决目前IE7以上和FF中的多标签浏览时，标签关闭的监视。搜寻了很久，也还是无解