首页>经验心得>如何判断用户是否正在浏览网页js判断网页是否激活的方法是否停留在当前网页js代码
2018
10-13

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

免费支持本站

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

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

路由器交流群

支付宝打赏支付宝打赏微信打赏微信打赏