标签页切换|标签页切换 实时监听
有时我们在网页浏览视频，或者看一些幻灯片的时候，需要在用户切换标签页的时候能够自动暂停，当用户切换回来时，再自动播放
【标签页切换|标签页切换 实时监听】这里我们可以用visibilitychange这个事件，它是当页面处于切换或者隐藏的时候，能够触发的事件，结合document.visibilityState来判断当前页面是否处于显示状态
document.addEventListener('visibilitychange',function(e){
var ele = document.createElement('p');
if(document.visibilityState === 'visible'){
ele.innerHTML = '回来了';
document.body.appendChild(ele);
}else{
ele.innerHTML = '又跑了';
document.body.appendChild(ele);
}
},false);
文章图片
效果 演示地址
参考
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 使用协程爬取网页，计算网页数据大小
- 青春的恋习曲
- 分享！如何分分钟实现微信扫二维码调用外部浏览器打开指定页面的功能
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 第二阶段day1总结
- whlie循环和for循环的应用
- Android实现主页底部菜单中间tab图案凸起
- mysql|InnoDB数据页结构
- “首富”一封信，中医半页文