Question

69

The return false onclick anchor not completely working

rated 0 times [ 72] [ 3] / answers: 1 / hits: 23196 / 13 Years ago, wed, april 13, 2011, 12:00:00

I have a lightbox overlay and I'm using the below to cancel out the browser window scroll for the href anchor of #. I have it working so it doesn't scroll the window on the initial click however upon closing the lightbox overlay the browser scrolls to the top and # is appended to the URL.

<a href=# onclick=somefunction(); return false;>...

or even this...

<a href=javascript:void(0) onclick=somefunction(); return false;>...

The link is on a clickable image which the onclick function fires the overlay to pop up.

Andy ideas how to prevent the browser from scrolling to top upon exiting the overlay?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

estefanib

Add To Favorites

Follow

Total Points: 508

Total Questions: 104

Total Answers: 83

Location: Lebanon

Member since Sun, Aug 2, 2020

4 Years ago

estefanib questions

1 JavaScript - wait until element loaded on website using Chrome extension

Sat, Jul 10, 21, 00:00, 3 Years ago

1 How to auto close an alert after few seconds with Bootstrap?

Mon, Jun 28, 21, 00:00, 3 Years ago

1 What is the difference between a User and a GuildMember in discord.js?

Sun, Sep 20, 20, 00:00, 4 Years ago

1 react styled components style inner elements

Fri, Aug 21, 20, 00:00, 4 Years ago

1 How to automatically refresh an interactive grid after clicking on save button or at a fixed interval?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 13 Years ago alfonsok · Accepted Answer

I'd suggest not using an anchor tag at all. If you don't want an HREF value, then it's really not a link to another page, so probably not truly a link. If the site has to be accessible sans javascript, then you need to think about this some more and come up with a solution that will allow for a true href value that will link to the actual content.

However, if you're OK with this being a JS-required app, then you can do this:

<a href=javascript:; onclick=somefunction(); return false;>

But, again, this is really something you are clicking on to update the UI rather than go somewhere, so I'd just make it a DIV, give it an onclick event, and be done with it. But be sure to give the div a tabindex so that it can be keyboard-accessible.