悬停非链接元素时使链接可见[重复]答案

【问题标题】：Make the link visible when hovering a non-link element [duplicate]悬停非链接元素时使链接可见[重复]
【发布时间】：2016-07-18 21:31:17
【问题描述】：

你知道当你悬停一个元素时，链接会出现在浏览器的左下角吗？是否可以用另一个标签来做？

【问题讨论】：

标签： javascript html css

【解决方案1】：

没有。出于安全原因，现代浏览器已禁用手动设置状态栏。恶意站点开发人员可以使状态栏显示的 URL 与链接上的 URL 不同。

以前的 Javascript 属性是这样工作的：

window.status = "Status bar text";

默认情况下，这在任何当前浏览器上都不再执行任何操作。

【讨论】：

为此创建一个示例
如何创建一个无法完成的示例？
我认为我确实创建了一个示例。如果有人在 Netscape 4 或 IE 5 中运行它，它可能仍然可以正常工作。

【解决方案2】：

不可以，但您可以将 <a> 元素放在另一个元素上方/周围，并使用 javascript“禁用”链接（onclick）以达到类似的结果：

<a href="//Message in the status bar!" onclick="return false">
    <div>
         This div shows something in the status bar 
         but is actually surrounded by a disabled link
    </div>
</a>

【讨论】：

很好的答案，但状态栏看起来像这样：“message%20in%20the%20status%20bar%21”（参见jsfiddle.net/6gexggqa/1）为了使其更有意义，您可以使用href="about:Message...。（见jsfiddle.net/6gexggqa）
@RickHitchcock 谢谢:)！这是个好主意！
问题是它有一些难以理解的 css 没人愿意去弄乱，放其他东西会破坏响应能力。