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?

• javascript
• onclick
• href

Share Improve this question Follow edited Nov 9, 2010 at 8:49 Felix Kling 818k181181 gold badges1.1k1.1k silver badges1.2k1.2k bronze badges asked Nov 9, 2010 at 8:45 freddiefujiwarafreddiefujiwara 59.2k2828 gold badges7878 silver badges109109 bronze badges 0

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

It 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.