文章目录一、JS监听浏览器各个标签间的切换二、document的可见性属性三、示例：监听标签，控制视频播放与暂停一、JS监听浏览器各个标签间的切换以前看到过一些网页，在标签切换到其它地址时，网页上的标题上会发生变化，一直不知道这个是怎么做的，最近查了一些资料才发现

refresh(){/*浏览器标签页切换会触发"visibilitychange"事件*/document.addEventListener('visibilitychange',e=>{//切换显示标签if(document.visibilityState==='visible'){this.getTabelData()

vartitleTime,oldTitle=document.title;document.addEventListener("visibilitychange",function(){if(document.hidden){document.title="咦，去哪儿啊？";clearTimeout(titleTime);document.getElementById('sho

在JavaScript中，可以使用visibilitychange事件来监听浏览器标签页的新增、切换等变化。这个事件会在页面的可见性状态发生变化时触发。下面是一个示例代码，展示如何使用visibilitychange事件来监听标签页的变化：document.addEventListener('visibilitychange',function(){

在HTML5中，文档对象（即document对象）具有一个visibilityState属性，该属性表示当前文档对象的可见性状态。visibilityState可能的取值有以下三种：-visible：表示文档当前处于激活状态，即当前选项卡处于前台或当前窗口处于屏幕最上层。-hidden：表示文档当前处于非激活状态，

在Safari浏览器下，无论是桌面端Safari、还是IOSSafari，visibilitychange事件不总是触发的。对于窗口最小化、tab隐藏等行为，visibilitychange事件是正常的，但是如果是点击页

1.pageshow事件当浏览器因导航而显示窗口的文档时，pageshow事件将被触发。这包括：初始加载页面从同一窗口或选项卡中的另一个页面导航到该页面在移动操作系统上恢复

页面可见性：用来判断用户是否正在浏览某个指定标签页HTML5提供了这样一个方法：visibilitychange页面事件来判断当前页面可见状态，并针对性的执行某些任务。同时还有新的docum