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

dijiaowu8633

于 2019-07-19 15:48:00 发布

阅读量275

点赞数

原文链接：http://www.cnblogs.com/TbKing-blogs/p/11213715.html

版权

本文介绍了一种使用document.hidden属性来判断网页是否处于激活状态的方法，兼容IE10+、Firefox10+、Chrome14+等现代浏览器。通过示例代码展示了如何监听页面的可见性变化，并在页面激活或非激活时触发相应的事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度知道原回答：https://zhidao.baidu.com/question/541794991.html

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

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

兼容性写法示例：

 1 var hiddenProperty = 'hidden' in document ? 'hidden' :    
 2     'webkitHidden' in document ? 'webkitHidden' :    
 3     'mozHidden' in document ? 'mozHidden' :    
 4     null;
 5 var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
 6 var onVisibilityChange = function(){
 7     if (!document[hiddenProperty]) {    
 8         console.log('页面非激活');
 9     }else{
10         console.log('页面激活')
11     }
12 }
13 document.addEventListener(visibilityChangeEvent, onVisibilityChange);