成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

js基礎(chǔ)--如何判斷瀏覽器標(biāo)簽頁是隱藏或者顯示狀態(tài)

Kosmos / 1074人閱讀

摘要：歡迎訪問我的個人博客前言在工作中我們可能會遇到這樣的需求，當(dāng)瀏覽器切換到別的標(biāo)簽頁或著最小化時，我們需要暫停頁面上正在播放的視頻或者音樂，這個需求就會用到我下面要說的這個知識點具體用法瀏覽器標(biāo)簽頁隱藏或者顯示時會改變和的值，我們可以通過這個

歡迎訪問我的個人博客：http://www.xiaolongwu.cn

前言

在工作中我們可能會遇到這樣的需求，當(dāng)瀏覽器切換到別的標(biāo)簽頁或著最小化時，我們需要暫停頁面上正在播放的視頻或者音樂，這個需求就會用到我下面要說的這個知識點：

document.visibilityState

document.hidden

visibilitychange

具體用法

瀏覽器標(biāo)簽頁隱藏或者顯示時會改變document.visibilityState和document.hidden的值，我們可以通過visibilitychange這個事件去監(jiān)聽他們狀態(tài)值的變化；

// 我在這里建議大家親自試試以下代碼
document.addEventListener("visibilitychange", function() {
  console.log( document.visibilityState );
  console.log(document.hidden);
});

上面代碼中：

document.visibilityState有兩個值，分別為hidden和visible,hidden表示標(biāo)簽頁被隱藏了，visible則反之；

document.hidden也有兩個值，分別為true和false，true表示標(biāo)簽頁被隱藏了，false則反之；

我的github資源地址：js基礎(chǔ)--如何判斷瀏覽器標(biāo)簽頁是隱藏或者顯示狀態(tài)

我的CSDN博客地址：https://blog.csdn.net/wxl1555

如果您對我的博客內(nèi)容有疑惑或質(zhì)疑的地方，請在下方評論區(qū)留言，或郵件給我，共同學(xué)習(xí)進步。

郵箱：wuxiaolong802@163.com

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/101078.html

相關(guān)文章

  • vue.js 移動端音樂app（一） 基礎(chǔ)組件 scroll

    一、 基礎(chǔ)實現(xiàn) （1）功能 對 better-scroll 插件的基本封裝，實現(xiàn)移動端的滾動 （2）實現(xiàn) 引入 better-scroll props probeType: better-scroll 配置項之一 （1）取值： 1 滾動的時候會派發(fā) scroll 事件，會截流。 2 滾動的時候?qū)崟r派發(fā) scroll 事件，不會截流。 3 除了實時派發(fā) scroll 事件，在 swipe 的情況...

    wqj97 評論0 收藏0

  • vue.js 移動端音樂app（一） 基礎(chǔ)組件 scroll

    一、 基礎(chǔ)實現(xiàn) （1）功能 對 better-scroll 插件的基本封裝，實現(xiàn)移動端的滾動 （2）實現(xiàn) 引入 better-scroll props probeType: better-scroll 配置項之一 （1）取值： 1 滾動的時候會派發(fā) scroll 事件，會截流。 2 滾動的時候?qū)崟r派發(fā) scroll 事件，不會截流。 3 除了實時派發(fā) scroll 事件，在 swipe 的情況...

    FingerLiu 評論0 收藏0

  • vue.js 移動端音樂app（一） 基礎(chǔ)組件 scroll

    一、 基礎(chǔ)實現(xiàn) （1）功能 對 better-scroll 插件的基本封裝，實現(xiàn)移動端的滾動 （2）實現(xiàn) 引入 better-scroll props probeType: better-scroll 配置項之一 （1）取值： 1 滾動的時候會派發(fā) scroll 事件，會截流。 2 滾動的時候?qū)崟r派發(fā) scroll 事件，不會截流。 3 除了實時派發(fā) scroll 事件，在 swipe 的情況...

    MadPecker 評論0 收藏0

  • Node - 內(nèi)存管理和垃圾回收

    摘要：的內(nèi)存限制和垃圾回收機制內(nèi)存限制內(nèi)存限制一般的后端語言開發(fā)中，在基本的內(nèi)存使用是沒有限制的。的內(nèi)存分代目前沒有一種垃圾自動回收算法適用于所有場景，所以的內(nèi)部采用的其實是兩種垃圾回收算法。 前言 從前端思維轉(zhuǎn)變到后端， 有一個很重要的點就是內(nèi)存管理。以前寫前端因為只是在瀏覽器上運行， 所以對于內(nèi)存管理一般不怎么需要上心， 但是在服務(wù)器端， 則需要斤斤計較內(nèi)存。 V8的內(nèi)存限制和垃圾回收機...

    joyqi 評論0 收藏0

  • Django 學(xué)習(xí)小組：博客開發(fā)實戰(zhàn)第三周教程——文章列表分頁和代碼語法高亮

    摘要：本教程內(nèi)容已過時，更新版教程請訪問博客開發(fā)入門教程。當(dāng)分頁較多時，總是顯示當(dāng)前頁及其前幾頁和后幾頁的頁碼教程中使用的是兩頁，其他頁碼用省略號代替。 本教程內(nèi)容已過時，更新版教程請訪問： django 博客開發(fā)入門教程。 摘要：前兩期教程我們實現(xiàn)了博客的 Model 部分，以及 Blog 的首頁視圖 IndexView，詳情頁面 DetailView，以及分類頁面 CategoryVi...

    Luosunce 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<