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

摘要:可以通过document.hidden属性判断当前页面是否是激活状态。兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+,兼容性写法示例: 监听页面是否是激活状态

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


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_5054