当前位置:首页 > Windows程序 > 正文

visibilityChangeif (typeof document.hidden !== "undefined")

2024-03-31 Windows程序

这是一篇简短的小博文,介绍检测页面是否可见的API。

参考 https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API

document.hidden:如果页面可见返回true,否则返回false

document.visibilityState:返回状态字符串,,可见visible,不偏见hidden。文档上还写了prerender和unloaded。

visibilitychange事件在页面可见性变革时触发。切换标签、最小化窗口会触发,但是如果打开网页状态下开启其他应用不会触发。

下面是兼容代码:

var hidden,visibilityChange if (typeof document.hidden !== "undefined") { 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() { console.log(document.visibilityState) if (document[hidden]) { hiddenFun() //这里是要执行的函数 }else { visibleFun() //这里是要执行的函数 } } document.addEventListener(visibilityChange, handleVisibilityChange, false);

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/34950.html

Jm-杰米博客Jamie
草根站长的技术交流乐园!IT不会不要紧快来好好学习吧!
  • 20786文章总数
  • 7494589访问次数
  • 建站天数
  • 友情链接