[JS] js 判斷用戶是否在瀏覽當前頁面
阿新 • • 發佈:2017-08-10
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 判斷用戶是否在瀏覽當前頁面