Home / JavaScript / JavaScript Event Handlers – onclick() and ondblclick()
When a link is clicked it takes the user to the page specified in the URL of the HREF attribute. To prevent this from happening, use javascript:void(0) as the value of HREF.
<A HREF="javascript:void(0)" onmouseover="document.bgColor='#EEEEEE'"> Dead link</A>
You may wonder why we can’t use HREF=”” (a blank or no value) instead of HREF=”javascript:void(0)”. The reason is that a blank or null value for HREF is interpreted as the URL of the directory. Thus, in our case if we use HREF=””, the browser actually sees it as http://www.webdevelopersnotes.com/tutorials/javascript/.
javascript:void(0) returns (not specifies!) a null value. Hence, whenever a link is clicked no page is loaded.
So far we have only looked at event handlers that capture mouse movements over a link. JavaScript also provides event handlers for links that understand mouse button clicks; onclick and ondblclick. Their usage is similar to other event handlers.
<A HREF="javascript:void(0)" onclick="alert('You clicked on the link')"> Dead link</A>
<A HREF="javascript:void(0)" ondblclick="alert('You double clicked on the link')"> Double click on me</A>
How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]
The App Store offers a total of 1.4 million apps as on January 8, 2015. [more...]
We use cookies to give you the best possible website experience. By using WebDevelopersNotes.com, you agree to our Privacy Policy