JavaScript 判斷網頁是否處於可見狀態

W3C 有定義 Page Visibility API ,可以讓網頁知道自己目前處於可見或是隱藏的狀態
    
    document.addEventListener('visibilitychange', () => {
        // 判斷目前頁面的可見狀態
        if (document.visibilityState === 'visible') {
            console.log('頁面重新回到可見狀態');
        } else if (document.visibilityState === 'hidden') {
            console.log('頁面被隱藏了');
        }
    });
    

文章撰寫中...請稍後...

參考資料:
mdn - Page Visibility API

留言