标签：HTML visibilityState log API initPageVisibility console document Page const

const initPageVisibility = () => {
  setInterval(() => console.log(document.visibilityState), 1000)
}

if ('visibilityState' in document) {
    initPageVisibility()
}

 If you click other tab, the current tab should be in `hidden` state, otherwise will be in `visible` state.

visibilitychange event 

const initPageVisibility = () => {
  const handleVisibilityChange = () => {
      console.log(e.target.visibilityState); // the same
      console.log(document.visibilityState); // the same
      
      const {visibilityState} = e.target;
      
      switch(visibilityState) {
          case 'hidden': {
              console.log('document is hidden!')
              break;
          }
          case 'visibile': {
              console.log('document is visible!')
              break;
          }
      }
  }
  document.addEventListener('visibilitychange', handleVisibilityChange);
}

if ('visibilityState' in document) {
    initPageVisibility()
}

标签：HTML,visibilityState,log,API,initPageVisibility,console,document,Page,const
来源： https://www.cnblogs.com/Answer1215/p/16409994.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。