Etiqueta de ancla HTML con el evento onclick de Javascript

Question

Al usar Google, descubrí que están usando eventos onclick en las etiquetas de anclaje.

En más opción en la parte del encabezado de Google, parece una etiqueta normal, pero al hacer clic en ella no se le redirige sino que se abre un menú. Normalmente cuando se utiliza

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

Por lo general, va a 'more.php' sin disparar show_more_menu(), pero tengo que mostrar un menú en el que la página en sí. ¿Cómo hacer como google?

Answer 1

Si su función onclick devuelve falso, se cancela el comportamiento predeterminado del navegador. Como tal:

<a href='http://www.google.com' onclick='return check()'>check</a> 

<script type='text/javascript'> 

function check() 
{ 
    return false; 
} 

</script> 

De cualquier manera, si Google lo hace o no no es de mucha importancia. Es más sencillo vincular las funciones de un clic en javascript, de esta forma se separa el código HTML de otro código.

Answer 2

Por lo que entiendo, no desea redirigir cuando se hace clic en el enlace. Usted puede hacer:

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

Answer 3

Puede incluso intentar a continuación la opción:

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