Question

是否可以创建一个无效的链接。我想要项目是一个链接，所以我让光标在鼠标悬停时更改，但我不希望链接实际上去任何地方，因为它实际上触发了在同一页面上显示具有额外功能的div。

Answer 1

将添加到浏览器历史记录中：

<a href="#"></a>

不会添加到浏览器历史记录（首选方法）：

<a href="javascript:;"></a>

Answer 2

相反，您可以使用<span>并设置光标样式：

<span id="node42" class="node-link">My Text</span>

并在样式表中指定光标：

.node-link { cursor: pointer; }

这也允许您稍后将节点附加到节点上（使用Prototype显示）：

<script type="text/javascript">
    $('node42').observe('click', function(event) {
      alert('my click handler');
    });
</script>

Answer 3

在我看来，最完整的无黑客解决方案：

<a href="" onclick="return false;">do absolutely nothing</a>

Answer 4

只需将样式cursor:pointer添加到元素：

<a id="clickme">Click Me</a>

CSS：

#clickme { cursor: pointer }

或（天堂禁止）直播：

<a style="cursor:pointer">Click Me</a>

Answer 5

以下是 JS-console 和/或中的经典javascript 方法，不会出现错误不要更改URL，也不要将其保存到浏览器历史记录中：

<a href="javascript:void(0);">Click on this javaScript error-free link that won't change your URL nor save it into your browser history</a><hr /> <a href="#void">Maybe a more readable approach, but unfortunately this one changes your URL</a>

Answer 6

如果您只想要样式，请将CSS cursor property设置为指针。

但听起来你想要<a href="javascript:void(do_something())">。

Answer 7

一个选项是指向#someid - 它会将其垂直滚动移动到该元素，但这可能与您想要的不同。

聚苯乙烯。你可以用风格来达到同样的效果。

Answer 8

我正在寻找更简单的东西，我想我找到了它。你想要你的链接不去任何地方吗？省略href。

<a class='irrelevant_for_this_example'>Some text</a>

href="#"将滚动到页面顶部。

href="javascript:;"似乎很狡猾。

JS解决方案对于简单的事情似乎是不必要的。

我如何建立一个不在哪里的链接

8 个答案: