切换到浏览器中的其他打开选项卡时,更改标题标签的内容

Question

我刚刚在两个不同的网站上看到过这个,有谁知道它是如何完成的？如果您打开了多个选项卡,并且保留当前选项卡,则会更改选项卡中的标题.非常好的技巧!

http://blog.invisionapp.com/

http://zerosixthree.se/create-a-responsive-header-video-with-graceful-degradation/

Answer 1

这通过在onfocus和onblur事件上注册处理程序来工作window.

jQuery的风格:

$(window).on('blur', function() { ... });

没有jQuery:

window.onblur = function() { ... }

如果不清楚:可以通过读/写页面标题 document.title

Answer 2

$(function() {
  var message = "Don't forget us";
  var original;

  $(window).focus(function() {
    if (original) {
      document.title = original;
    }
  }).blur(function() {
    var title = $('title').text();
    if (title != message) {
      original = title;
    }
    document.title = message;
  });
});