1. 程式人生 > >[JS] js 判斷用戶是否在瀏覽當前頁面

[JS] js 判斷用戶是否在瀏覽當前頁面

logs 瀏覽器 面數據 ref rop target 兼容性 激活 etc

var hiddenProperty = ‘hidden‘ in document ? ‘hidden‘ :
    ‘webkitHidden‘ in document ? ‘webkitHidden‘ :
    ‘mozHidden‘ in document ? ‘mozHidden‘ :
    null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, ‘visibilitychange‘);
var onVisibilityChange = function() {
    if(!document[hiddenProperty]) {
        console.log(
‘頁面非激活活‘); getcorrtime(); } else { console.log(‘頁面激活‘); } } document.addEventListener(visibilityChangeEvent, onVisibilityChange);

可以通過document.hidden屬性判斷當前頁面是否是激活狀態。

兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+

此方法多用於當選項卡切換到其他頁面時,本頁面的某些代碼由於瀏覽器原因不會一直保持運行,為了保證切換回來後頁面數據能夠銜接,可以做一些刷新操作。

[JS] js 判斷用戶是否在瀏覽當前頁面