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

Question

今天我发现 youtube 有一个很酷的功能，当一个视频是运行并且你点击网页的标签你可以将视频静音。然后，当您再次单击时，视频 returns 恢复到原来的音量。

我已尽力在这张图片中解释得更好

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

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

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

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

没用。我试图通过 google 找出答案，但每个 post 都是关于检测网页是否有焦点，或者我可能只是想不出正确的关键字（到 google）。

我真的不想弄明白，所以非常感谢您的帮助。我正在使用最新版本的 Firefox（以防万一）。

提前致谢。

Answer 1

不幸的是，这不是 javascript 可以实现的。这是近期浏览器（如 Chrome 或 Firefox）实现的一项功能。例如，在 IE 中，静音图标是不可见的。任何发出声音的网页都会有这个图标。

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

How to detect when a user clicks on a webpage tab?

javascript

onclick

page-title