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

2021-06-05 22:02

阅读：404

标签：jce etc lis tps blog console cti rom hidden

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 判断用户是否在浏览当前页面

标签：jce etc lis tps blog console cti rom hidden

原文地址：http://www.cnblogs.com/frost-yen/p/7341467.html

上一篇：css中的几个小tip（二）

下一篇：jQuery拖拽

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：[JS] js 判断用户是否在浏览当前页面
文章链接：http://soscw.com/index.php/essay/90988.html

亲，登录后才可以留言！

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

评论

热门文章

推荐文章

最新文章

置顶文章