javascript 判断 onbeforeunload 是刷新还是关闭事件

最新推荐文章于 2024-07-16 10:40:17 发布

wxinpeng

最新推荐文章于 2024-07-16 10:40:17 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS脚本文章标签： JavaScript Web ViewUI

本文链接：https://blog.youkuaiyun.com/wxinpeng/article/details/83516042

JS脚本专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的方法来判断用户是在关闭浏览器窗口还是刷新页面。利用`onbeforeunload`事件监听器，结合鼠标位置信息进行逻辑判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Web 开发中页面的关闭和刷新都会触发 window 的 onbeforeunload() 事件和 onunload()事件。

如何判断是触发这些事件的动作是刷新还是关闭。

代码如下：

window.onbeforeunload   =   function(){      
      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("是刷新而非关闭");      
     }      
}