如何判断用户是否正在浏览网页js判断网页是否激活的方法是否停留在当前网页js代码

今天来说下如何判断用户是否正在浏览本页，其实说到时判断的方法就是通过js代码判断当前窗口是否激活，如果激活那么用户就是在访问当前网页，同个这个命令可以实现很多功能。比如网页标题动态改变《网页标题动态改变JS实现标题改变详解》以前写过一个通过js动态改变网页标题的方法，核心代码就是今天说的这个，或者用户再次激活网页，欢迎语之类的。就看你们发挥了。在JS里面有一个document.hidden属性这个属性可以判断当前页面有没有激活，这样就可以判断是否在访问当前网页。

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

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

兼容性写法示例：

<script>
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);
</script>

如无特殊说明，解压密码均为：aisoa.cn

您可能感兴趣的文章

• 网站谷歌广告联盟被屏蔽检测JS代码,JS判断网页广告被屏蔽，广告终结者、AdGuard插件判断并提示
• 更改网站右键功能Js + Html自定义网站鼠标右键功能，Js + Html修改网站右键菜单
• 使用PHP、js判断访问是否为手机端，判断访问用户是不是手机端客户端请求头信息
• Failed to execute 'write' on 'Document'js不能执行write浏览器报错
• JS检测网站谷歌广告是否被屏蔽，JS检测广告被屏蔽出现提示窗口

赏支付宝打赏微信打赏