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

Question

所以我正在制作一个网站，一切都做得很好，但我对 javascript 的了解不多。

我正在寻找可以帮助我解决这个问题的东西，并找到了一些类似的东西，但它对我的情况不起作用。

这是问题/想法:

• 用户在我的网站上，页面名称是 eg.你好(标签)然后用户单击浏览器中的另一个选项卡但没有关闭我的网站。发生这种情况时，我的页面标题会更改为例如。你去了 ？当他再次点击我的标签时，标题变回默认的。

因此，如果有人可以帮助我编写代码并稍微解释一下。

谢谢。

Answer 1

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

所以像这样(这是 native javascript，没有 jquery)。

<script>

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

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

</script>