监听用户前往其他页面以及回到页面

最新推荐文章于 2023-09-13 18:13:13 发布

代码即吾

最新推荐文章于 2023-09-13 18:13:13 发布

阅读量357

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/zjjdqsh010/article/details/124176017

版权

该段代码监听页面的visibilitychange事件，当用户使页面隐藏（如息屏或切换到后台）时，会打印'hidden'。而当用户返回或打开页面时，会调用initDataGrid()函数，确保用户重新聚焦时页面数据的初始化。这有助于优化用户体验和页面资源管理。

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

document.addEventListener('visibilitychange', function() {
   // 用户息屏、或者切到后台运行 （离开页面）
   if (document.visibilityState === 'hidden') {
      console.log('hidden')
   }
   // 用户打开或回到页面
   if (document.visibilityState === 'visible') {
      initDataGrid();
   }
})