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

最新推荐文章于 2023-04-10 16:41:05 发布

转载最新推荐文章于 2023-04-10 16:41:05 发布 · 623 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/toggle/p/11436489.html

本文介绍了一种使用document.hidden属性来判断网页是否处于激活状态的方法，兼容IE10+、Firefox10+、Chrome14+等主流浏览器。通过监听visibilitychange事件，可以实时了解页面的激活状态。

可以通过document.hidden属性判断当前页面是否是激活状态。

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

兼容性写法示例：

// 监听页面是否是激活状态
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('页面非激活');
    }else{
        console.log('页面激活')
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);