Tag âncora HTML com evento onclick Javascript

Ao usar o Google, descobri que eles estão usando eventos onclick em tags âncora.

Em mais opções na parte do cabeçalho do google, parece uma tag normal, mas ao clicar nela não é redirecionado, mas abre um menu. Normalmente ao usar

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

Geralmente vai para 'more.php' sem disparar show_more_menu(), mas mostrei um menu nessa página. Como fazer como o google ?

Se sua função onclick retornar false, o comportamento padrão do navegador será cancelado. Assim sendo:

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

<script type='text/javascript'>

function check()
{
    return false;
}

</script>

De qualquer forma, se o Google faz ou não, não tem muita importância. É mais limpo vincular suas funções onclick ao javascript - dessa forma você separa seu HTML de outro código.

Você pode até tentar a opção abaixo:

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

Pelo que entendi, você não deseja redirecionar quando o link for clicado. Você pode fazer :

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

Use o seguinte código para mostrar o menu, em vez de ir para href addres

function show_more_menu(e) {
  if( !confirm(`Go to ${e.target.href} ?`) ) e.preventDefault();
}

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