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

best对我有用：

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;
    }
  });
};

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

4 个答案: