Question

This seems like a stupid question, but I can’t figure it out. I have some anchor tags on my page that perform ajax functions only, and have no inherent use except for triggering javascript:

 <a href="#" onclick="SomeFunction();">Blah</a>

How do I prevent clicking on this link from scrolling all the way to the top of the page. It is causing some annoying UI usability issues.

Answer 1

HTML

<a href="javascript:void(0);" id="theLink" onclick="SomeFunction();">Blah</a>

JS

//jQuery
$('#theLink').click(function(){
    doSomething();
});

//Regular JS
document.getElementById("theLink").onclick = doSomething;

JSFiddle

http://jsfiddle.net/kSxrK/