隐藏鼠标悬停链接的 URL答案

【问题标题】：Hide URL of mouse overing link隐藏鼠标悬停链接的 URL
【发布时间】：2016-06-01 12:47:06
【问题描述】：

更新

我终于找到了一个简单易行的方法：

<font onclick="window.open('https://www.google.pt/', '_self');" style="background:0;border:0;outline:0">Link

我必须使用标签将事件添加到文本中，因此我使用了font，因为它不会修改任何内容。 P.S.：这在 JS Fiddle 上不起作用，因为出于某种原因，它不会打开链接（它保持空白）。

可能是重复的，但我找不到，有什么方法可以防止当我将鼠标移到链接上时显示链接的 URL？带有 URL 图像的代码：

<a href="https://www.google.pt/">Google</a>
<br>
When I over the mouse on the link, it shows the URL on the bottom left corner.
<br>
<img src="http://i.imgur.com/pq3ket7.png">
<br>
Is there any way to prevent it?
I'm using Chrome.

https://jsfiddle.net/1tbg478j/

【问题讨论】：

how can url be hidden in hyperlink when mouse hover的可能重复
没有办法在每个浏览器中都做到这一点。还有应该从不需要这样做——你为什么要这样做？ - 如果您不想显示链接的位置，可以使用 javascript。 => onMouseOver="window.status = ''"
@PatrickEvans 我认为解决方案是该链接的第一个答案。这不完全是，但它是一个技巧，一种绕过它的方法。
@Xatenev 你说永远不应该这样做，但是，即使在网站上，“添加评论”按钮也会这样做（不显示任何 URL，但像链接一样工作）。跨度>
@TheUsualClient，可能在 Firefox 中，但在 Chrome 中，如果您将鼠标悬停在“添加评论”上，您会在状态栏中看到 ...-overing-link#。

标签： javascript html

【解决方案1】：

JSFiddle 坏了，所以我将所有代码粘贴到这里。请注意，这些链接在 JSFiddle 中不起作用，因为它们不允许 window.location，但它可以在您的网站中使用。

HTML：

<a class="no-href" data-location="https://www.google.pt">Google</a><br />
<a class="no-href" data-location="https://www.google.com">Link 2</a><br />
<a class="no-href" data-location="https://www.google.co.za">Link 3</a><br />
<a href="https://www.google.pt/">Normal Link</a><br />
<br>
When I over the mouse on the link, it shows the URL on the bottom left corner.
<br>
<img src="http://i.imgur.com/pq3ket7.png">
<br>
Is there any way to prevent it?
I'm using Chrome.

JS：

$('.no-href').click(function(e){
    e.preventDefault();
    window.location = $(this).attr('data-location');
});

CSS：

.no-href {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

【讨论】：

有点小把戏，但确实有效。谢谢！ ...对其他人说这是不可能的，只是不要...
Jquery 将适用于所有链接，因此如果页面上有其他链接，您可能只想选择某个类，而不是全部，否则您的其他链接将不起作用。除此之外，你应该是金色的。
@Chris 是否必须在另一个选项卡中打开链接？
如果您正在构建应用程序，这很有用。
不，它可以像普通链接一样工作。我将在我的答案中添加另一个链接，请稍等。

【解决方案2】：

这是不受控制的浏览器行为。
您可以将其转换为 div，附加点击事件侦听器并在回调函数中打开想要的 url。

【讨论】：

对不起，我不喜欢限制。
不能用简单的属性来控制。

【解决方案3】：

只需像这样将其添加到 OnClick：

<a href="javascript:;" onclick="location.href='https://www.google.pt/'">Google</a>

希望对你有所帮助。

【讨论】：

【解决方案4】：

据此无法完成：https://productforums.google.com/forum/?hl=en#!category-topic/chrome/discuss-chrome/FtD7qjochgw

【讨论】：