visibilitychange事件和document.hidden

visibilitychange事件和document.hidden

var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support
	hidden = "hidden";
	visibilityChange = "visibilitychange";
} else if (typeof document.mozHidden !== "undefined") {
	hidden = "mozHidden";
	visibilityChange = "mozvisibilitychange";
} else if (typeof document.msHidden !== "undefined") {
	hidden = "msHidden";
	visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
	hidden = "webkitHidden";
	visibilityChange = "webkitvisibilitychange";
}

function handleVisibilityChange() {
  if (document[hidden]) {
     //页面隐藏的时候暂停某些事情，比如取消数据的定时刷新
	 ooxx()
  } else {
     //页面显示的时候开始干某些事情比如开始刷新页面数据
	 balabala()
  }
}
document.addEventListener(visibilityChange, handleVisibilityChange, false);

参考资料mdn Using_the_Page_Visibility_API