禁用url操作而不禁用鼠标悬停文本

Question

有没有办法使用类似于pointer-events: none的内容来禁用仅超链接和不鼠标悬停文本？

例如，假设我有：

<a href="http://www.google.com" title="mouseover text" style="pointer-events: none">link text</a>

然后禁用链接，但也禁用鼠标悬停文本。我想知道如何禁用链接，同时保持鼠标悬停文本处于活动状态。

Answer 1

喜欢这个。当您单击它时，Javascript将停止链接。但是当悬停在标题上时标题仍会显示

<a href="http://www.google.com" title="mouseover text" onClick="function(){return false;}">link text</a>

但这并不是非常好的编码。如果您不想要链接，那么就没有链接。如果你想要它基本上是一个工具提示的效果，那么创建一个工具提示。

Answer 2

您可以使用Javascript复制此内容，只需取出style并添加onclick。

<a href="http://www.google.com" title="mouseover text" onclick="return false;">link text</a>

EXAMPLE

我不建议这样做，相反，我建议将<span>样式设为看起来像一个链接，使用title来获得您所追求的工具提示效果。

Here is an example of this