瀏覽器監聽當前頁 是否切屏

2022-09-30 23:51:13 字數 1462 閱讀 8593

瀏覽器監聽當前頁 (是否切屏)

瀏覽器自帶了相關的api了,那就是利用visibilitychange屬性,mdn的介紹:

當其選項卡的內容變得可見或被隱藏時,會在文件上觸發visibilitychange(能見度更改)事件。

所以我只需要註冊監聽對visibilitychange的事件即可:

document.addeventlistener("visibilitychange", function()  else if (document.visibilitystate == 'visible') 

});複製**

這裡需要注意的是,mdn的上有說明的是,不要使用window而是document

出於相容性原因,請確保使用document.addeventlistener而不是window.addeventlistener來註冊**。 safari <14.0僅支援前者。

這個屬性存在瀏覽器相容性問題:在ie10以下不支援該屬性

});

document.title = '頁面1';

};window.onblur = function () ;

let n = 0;

let isfirst = true;

window.onfocus = function () 秒`);

isfirst = true;

n = 0;}};

window.onblur = function () , 1000)

settimeout(run,1000)

};let run =function()

let blurtime=null

let focustime=null

let isfirst=true

window.onfocus = function () 秒`);}};

window.onblur = function ()

blurtime=new date().valueof()

};

js監聽頁面是否在瀏覽器當前頁面

在最近的乙個socket專案中,需要監聽客戶端是否已讀客服端傳送的訊息。這裡用到了html5中document新增了乙個事件 visibilitychange,這個事件在頁面前台或後台切換時被觸發,它也有個對應的屬性visibilitystate,用於檢測當前頁面的狀態值為hidden還是visib...

根據瀏覽器標籤是否為當前

1 visibilitychange事件是瀏覽器新新增的乙個事件,當瀏覽器的某個標籤頁切換到後台,或從後台切換到前台時就會觸發該訊息,現在主流的瀏覽器都支援該訊息了,例如chrome,firefox,ie10等。document.addeventlistener visibilitychange f...

檢查當前瀏覽器是否安裝flash外掛程式

雖然現在html5流行起來,flash逐漸會被引退,但是在平常開發的時候偶爾會用得到對於flash外掛程式有需求的小外掛程式,比如uploadify外掛程式用習慣了flash的版本的話就不太想換html5版本的,但是有些瀏覽器會沒有安裝flash外掛程式這時候就得我們自己動手加個判斷指令碼判斷是否安...