• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

js 监听浏览器切换标签栏 之 更改标题

开发技术 wangting 2周前 (05-12) 17次浏览

前言:

  有看到,打开某博客后,切换到其他页面,该博客标签栏标题随之发生改变,切回去后,标题显示:欢迎回来,2s后更改为原标题

  感觉很酷炫,怎么能不学一下喽

 

  查询后发现有一个监听标签栏更改的事件: visibilitychange ,那就他了

 

上代码:

mounted() {//js监听浏览器切换标签栏事件 var OriginTitile =document.title, titleTime document.addEventListener("visibilitychange", function() { console.log(document.visibilityState);//标签页的状态 visible hidden if (document.visibilityState === ‘hidden‘) { document.title= "(┬_┬)"; clearTimeout(titleTime); }else{ document.title= "欢迎回来~"; titleTime= setTimeout(function() { document.title=OriginTitile; },1500); } }); },

 

就一个字:完美~

js 监听浏览器切换标签栏 之 更改标题

原文地址:https://www.cnblogs.com/huangaiya/p/12875351.html


喜欢 (0)