当用户离开我的网站时如何更改浏览器中的标签名称

Question

所以我正在制作一个网站，一切都做得很好，但我不知道很多关于 javascript 的事情。

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

这是问题/想法：

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

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

谢谢你。

Answer 1

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

所以像这样（这是原生的javascript，没有jquery）。

<script>

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

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

</script>

Answer 2

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

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

Answer 3

您可以使用 ：

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

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

Answer 4

对我来说最好的是使用：

window.onload = function() {

  var pageTitle = document.title;
  var attentionMessage = 'Come Back!';

  document.addEventListener('visibilitychange', function(e) {
    var isPageActive = !document.hidden;

    if(!isPageActive){
      document.title = attentionMessage;
    }else {
      document.title = pageTitle;
    }
  });
};