CODEWITHSUNDEEP
javascripthtml
stupidkid
stupidkid

Reputation: 410

Anchor tag with onclick and href='#' scrolls to top

I have an anchor tag

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

If you don't have a href in you anchor, it can screw up some stuff, but I don't need to redirect, just call a js function. When this link is clicked however, the href="#" causes it to scroll the page to the top. How do I prevent that from happening?

Upvotes: 12

Views: 12033

Answers (2)

Nick Craver
Nick Craver

Reputation: 630627

You can add a return false;, like this:

<a href="#" onclick="Register(); return false;">Register</a>

This prevents the default action of the anchor, which is to go to the hash, causing the scroll.

Upvotes: 13

sweets-BlingBling
sweets-BlingBling

Reputation: 4422

Use:

 <a href="javascript:void(0);" onclick="Register(); ">Register</a>

javascript:void(0) will prevent the page from getting redirected and also will fix the issue where your page is getting scrolled on top due to href="#"

Upvotes: 12

Related Questions