判断页面是否激活

最新推荐文章于 2022-08-24 14:10:39 发布

173300598

最新推荐文章于 2022-08-24 14:10:39 发布

阅读量822

点赞数

分类专栏： Html5

Html5 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

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

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

兼容性写法示例：

 
  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]) {     
 
  } 
  else 
  { 
 
  } 
 
  } 
 
  document.addEventListener(visibilityChangeEvent, onVisibilityChange);