How do I make a link that goes nowhere?

Question

Is it possible to make a link that does nothing?

I want the item to be a link so I get the cursor to change on mouseover, but I don\'t want the link to actually go anywhe

Answer 1

Just add the style cursor:pointer to the element:

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

CSS:

#clickme { cursor: pointer }

Or (heaven forbid) in-line:

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

Answer 2

Will add to the browser history:

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

Won't add to the browser history (preferred method):

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

Answer 3

If you just want style, set the the CSS cursor property to pointer.

But it sounds like you want <a href="javascript:void(do_something())">.

Answer 4

I was looking for something simpler, and I think I found it. Do you want your link not to go anywhere? Omit the href.

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

href="#" will scroll to the top of the page.

href="javascript:;" seems dodgy.

A JavaScript solution seems unnecessary for something as simple.

Answer 5

Here are two classic JavaScript approaches that won't give you an error in your JavaScript console and/or don't change the URL nor save it to your browser history:

<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

In my opinion, the most complete hack free solution is:

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