html5 Visibility API
這個(gè) API 為我們帶來了兩個(gè) document 上的屬性虑瀑,document.visibilityState 和document.hidden扶叉, 這個(gè)兩個(gè)屬性實(shí)現(xiàn)了不同的功能谎脯。
document.visibilityState 有四個(gè)不同的值:
hidden:頁面不可見
prerender:頁面在后臺加載的盔粹,對用戶不可見
visible:頁面可見
unloaded:頁面即將關(guān)閉(用戶正在從當(dāng)前頁面跳轉(zhuǎn)到其他頁面)
document.hidden 是一個(gè)布爾屬性,頁面可見是為 false址遇,頁面不可見時(shí)為 true吩屹。
有時(shí)候tab大于1個(gè),需要用一個(gè)全局的變量來表示章姓,可以使用localStorage佳遣。在頁面初始化的時(shí)候识埋,先將localStorage中的對應(yīng)變量要先更改到可見,然后在狀態(tài)變化時(shí)
document.addEventListener('visibilitychange',function(event){
if(document.visibilityState != 'visible') {
$localStorage.agroup.hidden = true;
}else {
$localStorage.agroup.hidden = false;
}
});