我如何做一个链接,不去哪里

有没有可能做一个什么都不做的链接。 我希望项目是一个链接,所以我得到的光标在鼠标hover时更改,但我不希望链接实际上去任何地方,因为它实际上触发在同一页上显示额外的function的股利。

将添加到浏览器的历史logging:

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

不会添加到浏览器的历史logging(首选方法):

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

相反,您可以使用<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> 

在我看来,最完整的黑客解决scheme:

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

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

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

CSS:

 #clickme { cursor: pointer } 

或者(天堂禁止)在线:

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

如果您只想要样式,请将CSS 游标属性设置为指针。

但是这听起来像你想<a href="javascript:void(do_something())">

一个选项是指向#someid – 它将垂直滚动到该元素,但这可能不是你想要的。

PS。 您可以使用样式获得相同的结果。

试试这个“<a href =”javascript:;“>”

我正在寻找更简单的东西,我想我find了。 你想要你的链接不要去任何地方? 省略href。

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

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

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

一个JS解决scheme似乎没有必要的东西很简单。

这里有2个经典的JavaScript方法, 不会给你在你的JS控制台 的错误和/或不改变的URL也不保存到您的浏览器历史logging:

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