美文网首页
js判断用户是否在浏览当前页面【转载】

js判断用户是否在浏览当前页面【转载】

作者: 夏日望天看云 | 来源:发表于2020-11-29 17:11 被阅读0次

    可以通过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://www.cnblogs.com/toggle/p/11436489.html

    相关文章

      网友评论

          本文标题:js判断用户是否在浏览当前页面【转载】

          本文链接:https://www.haomeiwen.com/subject/faykwktx.html