簡單記錄一下,visibilityChange 屬性應(yīng)用
場合
配合定時器,或者改變頁面標(biāo)題使用
屬性
1、document.hidden Boolen 返回值,true 和 false
2、document.visibilityState 參數(shù)
visible: 頁面內(nèi)容至少是部分可見。 在實際中,這意味著頁面是非最小化窗口的前景選項卡
hidden: 頁面內(nèi)容對用戶不可見。 在實際中,這意味著文檔可以是一個后臺標(biāo)簽,或是最小化窗口的一部分,或是在操作系統(tǒng)鎖屏激活的狀態(tài)下
prerender: 頁面內(nèi)容正在被預(yù)渲染且對用戶是不可見的(被document.hidden當(dāng)做隱藏). 文檔可能初始狀態(tài)為prerender,但絕不會從其它值轉(zhuǎn)為該值。 注釋:瀏覽器支持是可選的
unloaded: 頁面正在從內(nèi)存中卸載。 注釋:瀏覽器支持是可選的
示例
切換瀏覽器窗口,改變頁面標(biāo)題
var time;
var normar_title = '測試標(biāo)題';
document.addEventListener('visibilitychange', function () {
if (document.visibilityState == 'hidden') {
clearTimeout(time);
document.title = '客官請留步ε=ε=ε=┏(゜ロ゜;)┛';
} else {
document.title = '你終于回來了(。???)ノ';
time=setTimeout(function(){ document.title = normar_title; }, 3000);
}
});