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

Posted 浮生若夢♬為歡幾何

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[JS] js 判断用户是否在浏览当前页面相关的知识,希望对你有一定的参考价值。

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(‘页面非激活活‘);
        getcorrtime();
    } else {
        console.log(‘页面激活‘);
        
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);

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

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

此方法多用于当选项卡切换到其他页面时,本页面的某些代码由于浏览器原因不会一直保持运行,为了保证切换回来后页面数据能够衔接,可以做一些刷新操作。

以上是关于[JS] js 判断用户是否在浏览当前页面的主要内容,如果未能解决你的问题,请参考以下文章

js 怎样判断用户是不是在浏览当前页面?

JS判断是否在微信浏览器打开

js 怎样判断用户是不是在浏览当前页面?

判断浏览器

js 如何判断一个已打开的页面是不是存在??

32.js 判断当前页面是否被浏览