visibilitystate检测页面是否处于焦点状态

visibilityState主要作用是用于判断当前页面是否处于激活状态，即浏览器标签页是被隐藏还是显示。

属性：document.visibilityState

取值：
visible：页面可见处于显示状态，没有最小化
hidden：页面不可见处于隐藏状态或者页面处于最小化

事件:

document.addEventListener( "visibilitychange" , function(){
   })

详细判断当前浏览器状态方法：

// 兼容不同浏览器对document.hidden的支持 
function getHiddenProp() {
   
    var prefixes = ['webkit', 'moz', 'ms', 'o'];