您的位置:首页 > Web前端 > JavaScript

[JS] js 判断用户是否在浏览当前页面

2017-08-10 21:17 531 查看
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+

此方法多用于当选项卡切换到其他页面时,本页面的某些代码由于浏览器原因不会一直保持运行,为了保证切换回来后页面数据能够衔接,可以做一些刷新操作。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: