Avoid href on click to open browser

Question

I have this href link in a control that calls a javascript and pass the variable to it:

<a href="<%#XPath("link").ToString()%>" onclick="return getLink(this)">Link</a>

I need to stop it opening the browser. How can I do that?

Answer 1

event.preventDefault(); will prevent the default behaviour of the click on the element.

So:

<a href="<%#XPath("link").ToString()%>" onclick="event.preventDefault(); return getLink(this)">Link</a>

Demo: http://jsfiddle.net/AbwUW/

Answer 2

If you want to prevent default browser behavior - just return false at onclick

<a href="<%#XPath("link").ToString()%>" onclick="getLink(this); return false;">Link</a>

or make function getLink to return false

Examples

Answer 3

Try this:

<a href="javascript:void(0)" onclick="return getLink(this)">Link</a>