Js實現瀏覽器下標籤頁間切換觸發的事件

visibilitychange事件是瀏覽器新添加的一個事件，當瀏覽器的某個標籤頁切換到後臺，或從後臺切換到前臺時就會觸發該消息，現在主流的瀏覽器都支持該消息了，例如Chrome, Firefox, IE10等。

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('頁面非激活');
    }else{
        console.log('頁面激活')
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);