可以通過document.hidden屬性判斷當(dāng)前頁面是否是激活狀態(tài)。
兼容性:IE10+,F(xiàn)irefox10+,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]) {
console.log('頁面激活');
}else{
console.log('頁面非激活')
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);