監(jiān)聽(tīng)瀏覽器是否回到后臺(tái)或者切換標(biāo)簽頁(yè)

如果想要監(jiān)聽(tīng)到網(wǎng)頁(yè)是否處于后臺(tái)或者切換了瀏覽器標(biāo)題頁(yè),可以在創(chuàng)建一個(gè)監(jiān)聽(tīng)事件

例子如下

 // 監(jiān)視頁(yè)面標(biāo)簽頁(yè)是否處于激活狀態(tài)
    window.addEventListener('visibilitychange', () => {
      if (document.visibilityState === 'visible') {
        console.log('前臺(tái)')
      } else if (document.visibilityState === 'hidden') {
         console.log('后臺(tái)')
      }
    })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,817評(píng)論 1 45
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,658評(píng)論 1 32
  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程,因...
    小菜c閱讀 7,334評(píng)論 0 17
  • 恒久的宇宙孕育了滿腹星穹 塵埃,茫渺著四下里逃避 游走 歲月的矛擊碎盾的時(shí)空 怎說(shuō),遍地花紅 墓碑前 懷表,野菊,...
    小安冬閱讀 925評(píng)論 54 42
  • 每一件事物都是新的 無(wú)論近處或遠(yuǎn)處的事物都會(huì)使你目光留戀 眼前的景致足夠賞心悅目 又可以強(qiáng)烈到任何程度 當(dāng)新月掛起...
    喜貝貝閱讀 188評(píng)論 10 13

友情鏈接更多精彩內(nèi)容