Question

更新

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

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

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

可能重复，但我找不到，有什么办法可以防止链接的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/

Answer 1

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

Answer 2

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;
}

Answer 3

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

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

希望它对你有所帮助。

Answer 4

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

隐藏鼠标悬停链接的URL

4 个答案: