捕捉窗口右上角关闭按钮关闭事件

最新推荐文章于 2025-02-12 16:21:43 发布

转载最新推荐文章于 2025-02-12 16:21:43 发布 · 4.3k 阅读

文章标签：

#function

Web开发专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何利用JavaScript通过事件源位置来判断浏览器窗口关闭是否为用户主动操作，而非页面刷新，进而实现特定的业务逻辑处理。

实现原理：

通过获取事件源位置，判断是否为右上角关闭按钮触发，从而区分关闭窗口和页面刷新动作

代码如下：

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){
        // 执行相关操作
    }
}