用户不在当前标签页面改变title

实现代码

简单有效，将整个窗口绑定onblur和onfocus。
全选复制放进笔记

window.onblur = function() { document.title = "(●—●)";
}; window.onfocus = function() { document.title = "啦啦啦啦";
}

浏览器兼容性

目前主流的标准浏览器基本都已经支持，部门旧版浏览器需要增加内核前缀，IE从10开始支持。

常见应用场景

幻灯片播放时可在不可见时停止播放，恢复显示后继续播放
每隔一段时间向服务器请求数据的可在切换可见性时停止，减轻服务器负担
网站访问统计提供跟准确的数据
网站title根据可见性变换

版权属于：泽泽社长

本文链接：https://blog.zezeshe.com/archives/the-user-does-not-change-the-title-in-the-current-tab-page.html

本站未注明转载的文章均为原创，并采用 CC BY-NC-SA 4.0 授权协议，转载请注明来源，谢谢！

标签