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

Javascript 切换到浏览器中其他打开的选项卡时,更改标题标记的内容,javascript,jquery,browser,Javascript,Jquery,Browser,我最近在两个不同的网站上看到了这个,有人知道它是怎么做到的吗? 如果打开了多个选项卡,而保留了当前选项卡,则选项卡中的标题将更改。很好的把戏 这通过在窗口的onfocus和onblur事件上注册处理程序来实现 jQuery风格: $(window).on('blur', function() { ... }); 没有jQuery: window.onblur = function() { ... } 如果不清楚:可通过文档读取/写入页面标题。标题最初由以下人员编码: $(function(

我最近在两个不同的网站上看到了这个,有人知道它是怎么做到的吗? 如果打开了多个选项卡,而保留了当前选项卡,则选项卡中的标题将更改。很好的把戏


这通过在
窗口的
onfocus
onblur
事件上注册处理程序来实现

jQuery风格:

$(window).on('blur', function() { ... });
没有jQuery:

window.onblur = function() { ... }
如果不清楚:可通过
文档读取/写入页面标题。标题最初由以下人员编码:

$(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;
  });
});
$(函数(){
var message=“嘿,回来!”;
原始变量;
$(窗口).focus(函数(){
如果(原件){
document.title=原件;
}
}).blur(函数(){
var title=$('title').text();
如果(标题!=消息){
原件=标题;
}
document.title=消息;
});
});

如果你查看第二个站点上的JS并搜索字符串“我想你”(即,备用标题文本),你会看到它是由一个函数设置的
ChangePageTitle()
,如果你搜索该函数,你会看到相关的代码。你的“问题”不包含任何问题,可能会被关闭。你必须问一个明确的问题。@JK.-OP的第一句话以问号结尾。。。这个问题当然可以说得更清楚,但是OP的问题很明显。上面提到的zerosixthree.se网站不是这样做的。我实际上建立了一个测试文件,应该这样做,而不是挖掘他们的代码,它至少在FF 29中工作,所以我发布了它,比如在chrome中,当输入获得焦点时,就会触发模糊事件,所以效果不好