监听页面标签切换离开与再进来的事件

// 页面的 visibilityState属性可能返回三种状态 prerender，visible 和 hidden 
// 监听 visibility change 事件 
document.addEventListener('visibilitychange', function() {
	// 页面变为不可见时触发 
	if (document.visibilityState == 'hidden') {
		console.info('visibilityState 我离开了')
	} 
	// 页面变为可见时触发 
	if (document.visibilityState == 'visible') { 
		console.info('visibilityState 我进来了')
	} 
});
// 页面的 hidden属性,false,true;
document.addEventListener('visibilitychange',function(){
    var isHidden = document.hidden;
    if(isHidden){
        console.info('isHidden 我离开了')
    } else {
        console.info('isHidden 我进来了')
    }
});