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

本文标题:visibilitychange事件和document.hidden
本文链接:https://56way.com/p/59.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。