[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 判断用户是否在浏览当前页面的主要内容,如果未能解决你的问题,请参考以下文章