js 监听离开页面，回到页面

最新推荐文章于 2024-05-24 10:06:19 发布

qq_21982027

最新推荐文章于 2024-05-24 10:06:19 发布

阅读量1.8k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_21982027/article/details/121682397

版权

这篇博客探讨了HTML页面的可见性状态变化。通过监听`visibilitychange`事件，可以捕捉到用户离开或返回页面的瞬间，实现对用户行为的跟踪。当页面隐藏时，打印'hidden'，而当页面可见时，则打印'页面可见'，这为优化用户体验和页面交互提供了基础。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <title>sss</title>
   </head>
   <body>
       <script type="text/javascript">
           document.addEventListener('visibilitychange', function() {
               // 用户息屏、或者切到后台运行（离开页面）
               if (document.visibilityState === 'hidden') {
                   console.log('hidden')
               }
               // 用户打开或回到页面
               if (document.visibilityState === 'visible') {
                   console.log('页面可见')
               }
           })
       </script>
   </body>
</html>