I usualy found the following code:
<a href="#" onclick="func();return false">click</a>
but sometime my browser go to the top of the page?
Why href="#" is High Priority than onclick?
I usualy found the following code:
<a href="#" onclick="func();return false">click</a>
but sometime my browser go to the top of the page?
Why href="#" is High Priority than onclick?
3 Answers
Reset to default 4It isn't higher priority. The onclick fires and then the browser follows the link.
If you don't return false (note spelling) or func throws an error (thus not reaching the return statement) the event won't be canceled.
(As fallbacks for if the JS fails or is disabled go, however, a link to the top of the page is really sucky. Progressive enhancement is the way forward.)
If the only reason you want to have a href value is to enable the hand cursor, you can use css style instead:
<a style="cursor:pointer;" onclick="func();return false">click</a>
...and a decade later, here's the answer to the question asked above;
<a href="#" onclick="event.preventDefault(); func()">click</a>
To save confusion, this answer does not address the "return false" aspect. That subject can be researched separately.
PS; Technically there is no hierarchy (AKA "priority") for what happens when an Anchor Tag is clicked. But since HREF is the "default" action / event for an anchor tag, from a certain perspective, HREF does "take priority" over OnClick.