码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-08-30 19:35:29      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:dev   lan   console   ie10   http   nbsp   firefox   amp   ida   

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

 

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

标签:dev   lan   console   ie10   http   nbsp   firefox   amp   ida   

原文地址:https://www.cnblogs.com/toggle/p/11436489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!