是否可以在悬停时隐藏链接地址？

Question

我已经设置了一个包含大量链接的图表，当它显示链接在浏览器左下角的位置时，无论何时将鼠标悬停在链接上，它都会让我感到烦恼，如下所示：

可以删除吗？任何方法都可以，只要我可以隐藏/删除它（HTML，CSS，JS等...）

Answer 1

状态栏突出显示仅在您使用<a>元素集href时才会发生。

如果您使用纯JavaScript打开链接，并且未指定href属性，则状态栏中不会显示任何内容。 我不知道你对图表html有多少控制权，但如果它呈现<a>个标签，那么你可以做的就不多了。

您可以尝试在渲染图表后运行javascript，以便将onclick个事件处理程序手动附加到所有<a>代码并设置href = '#'。

Answer 2

如上所述：how can url be hidden in hyperlink when mouse hover

不要将URL放在href中（或保留href =“＃”）并将JavaScript函数附加到onclick事件，该事件将实际链接放在a元素中。这样，当您将鼠标悬停在链接上时，您将看不到实际的网址，但会在用户实际点击时插入链接。

Answer 3

我有一个类似的问题导致我进入这个线程。我想我会在这里发布我的解决方案，而不是开始一个关于它的新线程。

我有一个带有复杂菜单的WordPress网站，这些菜单有副标题，主题呈现为<a>与空白的href值相关联。站点管理员不希望底角显示为链接，如果它们悬停在上面，因为它们无法正常工作，无论如何都有链接。

<a href="#" class=" no_link" style="cursor: default;" onclick="Javascript: return false;">

我尝试删除href下的“＃”，但仍会在悬停时显示该网站的根网址。

由于锚标记的类列表已经包含no_link作为类，我只是将以下jQuery添加到全局JavaScript文件中：

$("a.no_link").removeAttr("href"); 

请注意，如果它不应该是一个功能链接，那么只需在悬停时删除一个链接的地址。

Answer 4

请参阅此链接：

 http://www.experts-exchange.com/Web_Development/Miscellaneous/Q_21278295.html

但是，如果图表不在您的控制之下，那么这可能不是那样的

如链接中所示：

<a href="www.google.com" onMouseOver="window.status=' '; return true;">Pink Floyd</a>

您还可以使用jQuery在这些锚链接上绑定mouseover事件，而无需编辑单个<a>