【问题标题】:Is it possible to hide link address on hover?是否可以在悬停时隐藏链接地址?
【发布时间】:2014-02-22 12:32:57
【问题描述】:

我已经建立了一个包含很多链接的图表,当它显示链接在浏览器左下角的位置时,当你将鼠标悬停在链接上时,它真的让我很烦恼,就像这样:

这个可以去掉吗?只要我可以隐藏/删除它(HTML、CSS、JS 等),任何方法都可以。

【问题讨论】:

  • 你为什么要这样做?
  • @Itay 因为它只是一个内部工作组织结构图,每当你将鼠标悬停在同事的链接上时,当我看到它在角落里弹出时,我会很恼火

标签: javascript html css hyperlink hover


【解决方案1】:

仅当您使用带有集合href<a> 元素时,才会突出显示状态栏。

如果您使用纯 JavaScript 打开您的链接,并且不指定 href 属性,则状态栏中不会出现任何内容。 我不知道您对图表 html 有多少控制权,但如果它呈现 <a> 标签,那么您无能为力。

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

【讨论】:

  • 那是唯一可能的方法吗?
【解决方案2】:

如这里所说:how can url be hidden in hyperlink when mouse hover

不要将 URL 放在 href 中(或保留它 href="#")并将 JavaScript 函数附加到 onclick 事件中,该事件会将实际链接放在 a 元素中。这样,当您将鼠标悬停在链接上时,您不会看到实际的 URL,但会在用户实际点击时插入链接。

【讨论】:

  • 然后你破坏了链接的所有内容。就像 MMB 单击以在新选项卡和整个上下文菜单中打开一样。这是 Web 开发新手最容易犯的错误之一。
【解决方案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"); 

请注意,如果链接的地址本来不应该是功能链接,则其目的是简单地删除悬停时的链接地址。

【讨论】:

    【解决方案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 在这些锚链接上绑定鼠标悬停事件,而无需编辑单个 &lt;a&gt;

    【讨论】:

      猜你喜欢
      • 2012-06-30
      • 2012-03-06
      • 1970-01-01
      • 1970-01-01
      • 2021-05-08
      • 2012-08-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多