href="javascript:void(0)" v/s href="#" onClick="return false;"

Asked Apr 17 '20 at 06:31

Active Apr 17 '20 at 06:39

Viewed 823 times

I have a minor confusion, as I need to use some anchor tags on navigations which on hovering will trigger some actions but on click I want them to get disabled, I referred to soo many solutions and concluded with the below two but confused which one to use:

<a href="javascript:void(0)">
<a href="#" onClick="return false;">

edited Apr 17 '20 at 06:39

mplungjan

155,085
27
166
222

asked Apr 17 '20 at 06:31

Gaurav Bhatt

Version 2 will redirect your site to `#` if no JS is enabled. Version 1 won't do this. – cloned Apr 17 '20 at 06:33
check this link also : https://stackoverflow.com/questions/3498492/javascriptvoid0-vs-return-false-vs-preventdefault – Dhaval Pankhaniya Apr 17 '20 at 06:36
If you MUST use a link, then do this: `` using `document.getElementById("navigateContainer").addEventListener("click",function(e) { if (e.target.classList.contains("hoveronly")) e.preventDefault(); })` – mplungjan Apr 17 '20 at 06:37
Edit your question and sort out your title. – SPlatten Apr 17 '20 at 06:38
@cloned version 1 will give a 404 if JS is disabled. # would reload the page in the old days, now I think not – mplungjan Apr 17 '20 at 06:39

href="javascript:void(0)" v/s href="#" onClick="return false;"

0 Answers0