HTML anchor link - href and onclick both? HTML anchor link - href and onclick both? javascript javascript

HTML anchor link - href and onclick both?


Just return true instead?

The return value from the onClick code is what determines whether the link's inherent clicked action is processed or not - returning false means that it isn't processed, but if you return true then the browser will proceed to process it after your function returns and go to the proper anchor.


<a href="#Foo" onclick="return runMyFunction();">Do it!</a>

and

function runMyFunction() {  //code  return true;}

This way you will have youf function executed AND you will follow the link AND you will follow the link exactly after your function was successfully run.


If the link should only change the location if the function run is successful, then do onclick="return runMyFunction();" and in the function you would return true or false.

If you just want to run the function, and then let the anchor tag do its job, simply remove the return false statement.

As a side note, you should probably use an event handler instead, as inline JS isn't a very optimal way of doing things.