判断用户是否离开当前页面

最新推荐文章于 2023-06-29 16:54:54 发布

七夜的许愿星yj

最新推荐文章于 2023-06-29 16:54:54 发布

阅读量804

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/nishiweiyj/article/details/125430092

版权

<html>

<head></head>

<body>

  <script>
    document.addEventListener('visibilitychange', this.monitor)
    function monitor (e) {
      let isExist = e.target.visibilityState
      console.log(isExist)
      if (isExist === 'visible') {
        alert('您已进入页面！')
        console.log(new Date().toLocaleString(), `您已进入页面！`)
      } else {
        alert('您已离开页面！')
        console.log(new Date().toLocaleString(), `您已离开页面！`)
      }
    }
  </script>
</body>

</html>