Question

我刚刚在两个不同的网站上看到过这个，有谁知道它是如何完成的？如果您打开了多个选项卡，并且保留当前选项卡，则会更改选项卡中的标题。非常好的技巧！

http://blog.invisionapp.com/

http://zerosixthree.se/create-a-responsive-header-video-with-graceful-degradation/

Answer 1

这可以通过在onfocus的{{1}}和onblur事件中注册处理程序来实现。

jQuery的风格：

window

没有jQuery：

$(window).on('blur', function() { ... });

如果不清楚：可以通过window.onblur = function() { ... }

读取/写入页面标题

Answer 2

#include <iostream>
std::cout << my_string.back();

Answer 3

原始编码为：https://flintobox.com/blog/

  $(function () {
    var message = "Hey, come back!";
    var original;

    $(window).focus(function() {
      if(original) {
        document.title = original;
      }
    }).blur(function() {
      var title = $('title').text();
      if(title != message) {
        original = title;
      }
      document.title = message;
    });
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

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

3 个答案: