爱好者 > Typecho > 代码相关 > 用户不在当前标签页面改变title

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

作者:佚名 来源:爱好者 时间:2015-11-05

实现代码


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

window.onblur = function() { document.title = "(●—●)";
}; window.onfocus = function() { document.title = "啦啦啦啦";
}
浏览器兼容性

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

常见应用场景

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

详细技术细节见搬运http://wap.qqdie.com/archives/page-visibility-html5/