javascript - 用户不在当前标签页面改变title?
高洛峰
高洛峰 2017-04-10 15:09:40
[JavaScript讨论组]

看到这个网站
可以看到,不是当前显示的标签页,title上会有一个大白(●—●)
请问是怎么做到的啊~



谢谢大家,你们说的都是有效的方法,学习到了,感谢( ̄▽ ̄)ノ

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(4)
ringa_lee

Html 5 新功能

HTMl5 推出了一个很“特别”的 API Page Visibility ,之所以说它特别,是因为这个 API 关注的是一个很少人留意的功能 —— 浏览器标签( tab ) 是否被激活。这里必须解释一下,这个“激活”,指的是这个标签是否正被用户浏览,或者说是否为当前标签。

传送门

ringa_lee

简单有效,将整个窗口绑定onbluronfocus

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

借机插个硬广吧:http://www.coding.im/visibilitychange-event/
最早看到这个是在36kr,就读了下文档,总结了篇博文。

ringa_lee

segmentfault的通知暂时就是这么实现的噢~
可以查看window绑定的事件~

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号