禁用鼠标悬停在 HTML 元素的信息上答案

【问题标题】：Disable mouse over information for HTML elements禁用鼠标悬停在 HTML 元素的信息上
【发布时间】：2019-09-03 08:58:06
【问题描述】：

在 Chrome 和 Firefox 中，当我将鼠标移到元素（即 div、img、按钮）上时，我会在右下角或左下角看到一个小工具提示，其中包含 example.com/11.jpg 之类的东西。我已经删除了所有标题，所以我知道这些与标题无关。这叫什么？如何摆脱这个功能？

【问题讨论】：

我猜你应该只在鼠标悬停链接时才能得到它。它显示链接的目标 URL。
@bažmegakapa 但我该如何禁用它。这个是基于客户端的吗？例如右侧的“添加评论”按钮不会生成这个“工具提示”
因为它是一个按钮。正如我试图解释的那样，只有链接 (<a href="">) 才能触发此工具提示。我认为你应该把它留给用户，不管他们是否喜欢这个功能——我觉得它非常有用。
@bažmegakapa 是否有禁用此功能的服务器端解决方案？在黑色背景下太丑了
这是浏览器的一个特性——即使有办法禁用它，也许你不应该这样做。

【解决方案1】：

工具提示只会在您将鼠标悬停在 <a href=""> 元素上时出现。它们显示链接指向的 URL。

据我所知，它无法关闭。对于火狐来说，貌似有plugin (Status-4-Evar)可以恢复旧功能，当然要不要安装还是看用户自己。

以下链接似乎支持我所说的：

如果用户无法禁用此功能，我相信网站也无法禁用它。

【讨论】：

在过去，可以通过设置window.status = "" 来防止在链接鼠标悬停时显示状态栏信息。消除这种可能性是有原因的；例如，作者经常欺骗性地显示错误的 URL 或试图隐藏引用的 URL。
@JukkaK.Korpela 看来您仍然可以欺骗工具提示显示的 URL。但你不能隐藏它。
我看不出您如何隐藏或更改链接 URL 的状态行显示。您可以使用title 属性来创建工具提示，但这不会影响状态行。

【解决方案2】：

我不建议这样做，但是您可以将所有链接 (<a href=""></a>) 更改为其他元素（即 <span></span>）使用 jQuery 的 url 重定向行为。

这个fiddle 展示了你可以做到的方法。

考虑到这将强制客户端在页面加载时每次处理页面中的所有链接，这会带来一些加载开销。但是，如果这是您认为必须做的事情，那么这将是一种方法。

我会在所有浏览器中测试它以查看它的性能，因为在删除/替换 html 元素时我在旧版本的 IE 中遇到了一些问题，因为在操作 DOM 时该浏览器的实现。

【讨论】：

那将是一个糟糕的主意。链接影响太多东西。我会说这不值得，只是为了隐藏那些工具提示。
我完全同意，尽管我认为值得提出一些选择。
我明白了。但也许你应该列出一些缺点——会有很多缺点。
你不需要使用 jQuery；这只是一种方便。您可以直接在标记中使用事件属性。不管怎样，我认为效率不是问题。更多的是关于可用性。这种方法可能适用于完全由 JavaScript 驱动的应用程序，几乎不适合普通网站。

【解决方案3】：

对于 Firefox，输入 url:about:config 搜索关键字：'toolips' 布尔值 = 假瞧！ ...不再有鼠标悬停的 url 弹出窗口

【讨论】：

【解决方案4】：

无法关闭此功能非常烦人。事实证明，Twitch 已经开始用链接覆盖整个视频，所以当你显示 Twitch Live 流时，屏幕底部会被这个弹出窗口覆盖。屏幕上没有地方可以将光标放在屏幕底部未被覆盖的地方。

我认为这是 twitch 滥用链接，但无论如何，让 twitch 这样做需要浏览器禁用此功能，以便我们可以看到该死的视频。

好的。 Twitch misbehavior 的正确答案是 browser.chrome.toolbar_tips false。

感谢收听。

【讨论】：