JS监听浏览器关闭、刷新及切换标签页触发事件

最新推荐文章于 2025-03-18 16:31:56 发布

会说法语的猪

最新推荐文章于 2025-03-18 16:31:56 发布

阅读量1.1w

点赞数 5

分类专栏： javascript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_51431448/article/details/132087652

版权

javascript 专栏收录该内容

88 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了浏览器的两个事件：visibilitychange用于检测页面是否被切换到其他标签页，而beforeunload则在页面关闭、刷新或表单提交时触发。作者通过代码示例展示了如何使用这两个事件。

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

蛮简单的东西，知道就会，不知道就不会，没什么逻辑可言。简单记录一下，只为加深点儿印象。

visibilitychange

visibilitychange可以监听到浏览器的切换标签页。

直接上代码：

<script>
  document.addEventListener('visibilitychange', documentVisibilityChange)

  function documentVisibilityChange() {
    if(document.visibilityState === "hidden") {
      console.log('当前页签隐藏，即打开新页签')
    }
    if(document.visibilityState === "visible") {
      console.log('当前页签显示，即打开当前页签')
    }
  }
</script>