瀏覽器監聽當前頁 (是否切屏)
瀏覽器自帶了相關的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外掛程式這時候就得我們自己動手加個判斷指令碼判斷是否安...