Anchor HTML tag with onclick Javascript event

Question

When using Google, I found that they use onclick events in anchor tags.

In the option more in the google header, it looks like a regular tag, but onclicking it does not redirect, but opens a menu. Usually when using

<a href='more.php' onclick='show_more_menu()'>More >>></a> 

It usually goes into "more.php" without running show_more_menu() , but I have a menu on this page. How to do, for example google ?

Answer 1

If the onclick function returns false, the default browser behavior is canceled. In this way:

 <a href='http://www.google.com' onclick='return check()'>check</a> <script type='text/javascript'> function check() { return false; } </script> 

In any case, whether it does google or not, it does not really matter. It is cleaner to bind your onclick functions in javascript - this way you separate your HTML from other code.

Answer 2

You can even try the option below:

 <a href="javascript:show_more_menu();">More >>></a> 

Answer 3

From what I understand, you do not want to redirect when the link is clicked. You can do:

 <a href='javascript:;' onclick='show_more_menu();'>More ></a>