如何实现浏览器当前标签是否打开或切换
2017-04-11 19:54
399 查看
<div id="number" style="display:flex;justify-content:center;align-items:center;font-size:20px;position:fixed;top:0;left:0;right:0;bottom:width:400px;height:100%;background-color:#fff;"> </div>
//网页当前状态判断
var hidden, state, visibilityChange;
if (typeof document.hidden !== "undefined") {
hidden = "hidden";
visibilityChange = "visibilitychange";
state = "visibilityState";
} else if (typeof document.mozHidden !== "undefined") {
hidden = "mozHidden";
visibilityChange = "mozvisibilitychange";
state = "mozVisibilityState";
} else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden";
visibilityChange = "msvisibilitychange";
state = "msVisibilityState";
} else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden";
visibilityChange = "webkitvisibilitychange";
state = "webkitVisibilityState";
}
var count = 0;
function total() {
if( document[state] == 'hidden') {
return;
}
document.querySelector("#number").innerHTML = count;
document.title = count;
count++;
}
window.setInterval(total,500);
// 添加监听器,在title里显示状态变化
document.addEventListener(visibilityChange, function() {
// document.title = document[state];
}, false);
//初始化页面状态
// document.title = document[state];
支持浏览器:
相关文章推荐
- 切换导航标签实现当前标签颜色改变以及利用js如何准确获取当前页面url网址信息
- Android 如何监听自己是否被卸载及卸载后打开的浏览器进行反馈功能的实现 --- 仿360卫士
- 关闭浏览器再打开,网站是否应该自动登录以及如何实现呢?
- 在ognl的PropertyAccessor实现类中如何判断当前Node是否最后一个
- CSS滑动门技术实现TAB标签切换效果实例,支持各种浏览器
- 如何在浏览器中打开PDF文件并实现预览的思路与代码
- 如何在同一窗口打开多个终端并实现快捷键切换
- 如何判断是否以独占方式打开当前数据库?
- 如何用java实现登陆网站--不需打开浏览器
- 如何用C#在Asp.net中实现打开新网页而不关闭当前页
- 如何禁用Win7打开IE弹出是否将浏览器设置为默认的提示框
- CSS滑动门技术实现TAB标签切换效果实例,支持各种浏览器
- [置顶] 如何在浏览器中打开PDF文件并实现预览的思路与代码
- 如何判断是否以独占方式打开当前数据库?
- CSS滑动门技术实现TAB标签切换效果实例,支持各种浏览器
- 如何用C#在Asp.net中实现打开新网页而不关闭当前页
- 如何实现在浏览器中打开IM聊天窗口?
- 如何判断是否以独占方式打开当前数据库?
- :如何用C#在Asp.net中实现打开新网页而不关闭当前页
- 如何用C#在Asp.net中实现打开新网页而不关闭当前页