js页面刷新及关闭 onbeforeunload 在即将离开当前页面(刷新或关闭)时执行

页面刷新与关闭检测技巧

最新推荐文章于 2023-05-05 11:38:27 发布

原创最新推荐文章于 2023-05-05 11:38:27 发布 · 901 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js页面刷新及关闭

js 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种使用window.onbeforeunload事件监测浏览器页面关闭或刷新的方法，通过判断鼠标位置和键盘按键状态来区分用户行为。

        // 页面关闭、刷新  onbeforeunload 在即将离开当前页面(刷新或关闭)时执行
        window.onbeforeunload = (e) => {
            if ((e.clientX > document.body.clientWidth && e.clientY < 0) || e.altKey) {
                console.log('你关闭了浏览器')
            } else {
                console.log('你正在刷新页面')
            }
            return '确认关闭'
        }