javascript - div - onclick html ejemplo

Etiqueta de ancla HTML con evento onclick de Javascript

Question

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

En más opciones en la parte del encabezado de Google, parece una etiqueta normal, pero al hacer clic en él no se redirige sino que se abre un menú. Normalmente cuando se usa

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

Por lo general, va a ''more.php'' sin show_more_menu() , pero he mostrado un menú en esa página. ¿Cómo hacer como google ?

Answer 1

Incluso puedes probar la opción siguiente:

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

Answer 2

Por lo que entiendo, no quieres redirigir cuando se hace clic en el enlace. Tu puedes hacer :

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

Answer 3

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 4

Use el siguiente código para mostrar el menú en su lugar vaya a direcciones href

<a href=''more.php'' onclick="show_more_menu(event)"> More >>> </a>
<script>
function show_more_menu(e) {
// ... your function code
// e.target.href // a.href url
e.preventDefault();
}
</script>

Aquí está el ejemplo de trabajo .