js实现饿了吗当浏览器标签页丢失焦点时,Web标题是否发生更改

在你面前,你必须是一个基于H5的浏览器。

这个API本身非常简单,由以下三部分组成。

Document.hidden:表示该页的隐藏的布尔值。页页隐藏包括背景选项卡或浏览器最小化。注意到其他软件所覆盖的页面并不是隐藏的,例如开放的高级阻塞浏览器。

document.visibilitystate:代表着以下4种可能的状态值

隐藏:页面位于后台标签页或浏览器被最小化。

可见:页面位于前标签页中。

PreRender:的网页进行预呈现处理document.hidden银幕之外的价值是真实的

卸载:页面正在从内存中卸载。

visibilitychange事件:当一个文件从有形到无形或无形到有形的变化,触发事件。

这样,我们可以监视visibilitychange事件。当事件被触发时,我们得到document.hidden价值,处理此页上的某些事件,根据这一价值。


Document.addEventListener('visibilitychange,函数(){(){
var = document.hidden隐藏;
如果(隐藏){
document.title =页面标题当焦点不在当前窗口;
{人}
document.title =乙回来或者做别的事情。;
}
});


以上是萧边介绍给你实现模仿饥饿的JS。当浏览器选项卡失去焦点时,网页标题发生更改。我们希望能帮助你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。