javascript - 如何检测用户何时单击网页选项卡?

标签 javascript onclick page-title

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

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

THE IMAGR

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

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

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

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

没用。我试图通过谷歌找出答案,但每篇文章都是关于检测网页是否有焦点,或者我可能只是无法找出正确的关键字(到谷歌)。

我真的不想弄明白,所以非常感谢任何帮助。我使用的是最新版本的 Firefox(以防万一)。

提前致谢。

最佳答案

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

关于javascript - 如何检测用户何时单击网页选项卡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56684279/

相关文章:

javascript - 与 typeahead、php 和 jquery 1.10.2 冲突

javascript - 如何用我的代码在变量中创建一个函数

c# - 使用类中的 C# 在 .Net 中设置页面标题

asp.net - UpdatePanel 似乎重新编码了页面标题中的字符?

javascript - d3 svg 区分 onclick

java - 在java中获取twitter页面标题、描述和关键字

javascript - 当用户按下提交时停止表单空白

javascript - Flash 上传程序(Uploadify 和 SwfUpload)- 文件名中特殊字符的问题

javascript - 如何将数组中的值添加到其前后的值

jquery - 检测用户是否想要在新窗口或选项卡中打开链接(Mac 和 Windows)