首页 > Web开发 > 详细

当网页失去焦点时改变网页的title值

时间:2017-07-07 17:01:43      阅读:297      评论:0      收藏:0      [点我收藏+]
<script>
     document.addEventListener(visibilitychange, function() {
      var isHidden = document.hidden;
      if (isHidden) {
       document.title = ‘改变后的标题;
      } else {
       document.title = ‘未改变的标题;
      }
     });
</script>

  visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等

   举个栗子,比如在html5开发的小游戏中,因切换页面或窗口化页面时,需暂停游戏,从而触发 visibilitychange  事件

  1.hidden:页面在后台标签页中或者浏览器最小化

  2.visible:页面在前台标签页中

  3.prerender:页面在屏幕外执行预渲染处理 document.hidden 的值为 true

  4.unloaded:页面正在从内存中卸载

 

当网页失去焦点时改变网页的title值

原文:http://www.cnblogs.com/xueweijie/p/7133077.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!