如何检测用户何时单击网页选项卡？

Question

今天，我发现youtube具有这项很酷的功能，当视频正在运行时，您单击网页的标签即可将视频静音。然后，当您再次单击时，视频将恢复其原始音量。

我已经尽力在这张图片中做出更好的解释

我很高兴知道网页标题可以检测到点击，因此尝试了以下代码。

document.getElementsByTagName("title")[0].addEventListener("click", function() {
    alert("foo");
});

没用。所以我尝试在标题中放置一个按钮，如下所示。

<title><button>test</button></title>
...
...
...
document.getElementsByTagName("button")[0].addEventListener("click", function() {
    alert("foo");
});

没用。我试图通过Google进行查找，但是每篇文章都是关于检测网页是否重点突出，或者我只是无法找出正确的关键字（针对Google）。

我真的不想弄清楚这一点，因此非常感谢您的帮助。我正在使用最新版本的Firefox（以防万一）。

谢谢。

Answer 1

不幸的是，这不是JavaScript所能实现的。这项功能是由最近的浏览器（例如Chrome或Firefox）实现的。例如，在IE中，静音图标不可见。任何发出声音的网页都会带有此图标。