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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

fbh 2018-07-15 13:12:48 浏览754
展开阅读全文

可以通过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);

欢迎访问我的个人博客–付博瀚的个人博客

网友评论

登录后评论
0/500
评论
fbh
+ 关注