Javascript 当用户离开我的网站时，如何在浏览器中更改选项卡名称

所以我正在制作一个网站，所有的事情都做得很好，但是我不知道有多少东西是用javascript做的

我一直在寻找一些能帮我解决这个问题的方法，并且发现了一些类似的方法，但在我的情况下不起作用

这就是问题/想法：

• 用户在我的网站上，页面名称为例如：Hello（标记） 然后用户单击浏览器中的其他选项卡，但不关闭我的网站。 当这种情况发生时，我的页面标题变为例如：你去了？ 当他再次单击“我的”选项卡时，标题将变回默认标题

如果有人能帮我解释一下代码

谢谢。

您可以使用：

window.addEventListener('blur',function(){
alert("please Came Back");
 document.head.title = "your tilte"
  });

 window.addEventListener('focus',function(){
 alert("Hi");
 document.head.title = "your tilte"
  });

---

您需要为窗口对象使用onblur和onfocus事件

类似这样的东西（这是本机javascript，没有jquery）

window.onblur=function（）{document.title='you gone？'；}
window.onfocus=function（）{document.title='您回来了'；}

对我来说是使用：

window.onload=function（）{
var pageTitle=document.title；
var attentionMessage='回来！'；
文档.添加的事件列表器（'visibilitychange'，函数（e）{
var isPageActive=！document.hidden；
如果（！isPageActive）{
document.title=注意信息；
}否则{
document.title=页面标题；
}
});
};

TypeError:object#的属性“onblur”不是函数文档必须是

$（窗口）

这在chrome中仍然不起作用。可以更改dom元素，但不能更改实际的窗口（Chrome）元素。您将需要使用

文档。标题似乎是这样。我使用fiddle测试它在chrome中的工作情况。@Anthony HatzopoulosTypeError:object[object global]的属性“onblur”不是function@AnthonyHatzopoulos在Chrome和IE中工作-您使用的浏览器是什么？+1是。你说得对，我在chrome上重试了一次，没有第二次出错。如果使用jquery，用
document.title='yougone？'替换
//dose
，这种方法会起作用
@Sefik_m（我会这么说，因为你说你是javascript新手）这是在使用jQuery，所以请确保参考jQuery库……这是一个有效的问题。“当用户失去焦点时，如何更改页面（选项卡）标题。”
<script>

window.onblur = function () { document.title = 'you went?'; }

window.onfocus = function () { document.title = 'you came back'; }

</script>

$(window).focus(function() {
   document.title = 'defult title';
});

$(window).blur(function() {
   document.title = 'you went?';
});