javascript - 如何在 anchor 悬停时在左下角显示与所述 anchor 的 href 属性不同的链接？

Question

我最近注意到有关 Google 搜索结果的一些情况。使用最新版本的 Firefox 时，如果您将鼠标悬停在 Google 搜索结果提供的链接上，左下角会显示一个漂亮的链接，但如果您检查该链接，您会发现该链接实际上是其他内容。到根的链接，即。 google.com 附加了查询变量，我认为当您点击链接时会将您重定向到实际页面。

我想知道这怎么可能，在左下角显示一个完全不同的链接。我见过类似的问题，并且都建议使用 js 或使用按钮进行调整。但我很感兴趣是否有人确切知道谷歌是如何实现这一目标的？

编辑:让我们看一个例子来说明我的意思。如果我搜索:维基百科，这些就是结果。没什么特别的吧？

如果我将链接悬停在此处没有什么特别的，我希望 wikipedia.org

哈，但我错了，这就是实际的链接!维基百科上面突出显示的标题是链接。

如果我使用 ctrl + click 或 cmd + click 会发生什么？真正的链接被谩骂，页面在新选项卡中打开。

现在如何实现这一目标？我认为它是操纵浏览器窗​​口的，但我还没有找到一种方法来完成这件事。

注意:此行为在 Firefox 和 Safari 上适用，但在 Chrome 上则不然。在 Chrome 上，href 标记是实际链接，但使用属性 ping。

Answer 1

它应该与 <a href="http://theLinkInTheBottomLeft">https://theDisplayedLink</a> 一起使用

因此，由于 a 标签提供了 1. href 链接，即您将被重定向到的链接及其括号之间的内容，因此您可以区分可见内容和可操作内容。