Тег привязки HTML с событием onclick Javascript

При использовании Google я обнаружил, что они используют события onclick в тегах привязки.

В дополнительных параметрах в части заголовка Google он выглядит как обычный тег, но при его нажатии он не перенаправляется, а открывает меню. Обычно при использовании

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

Обычно он переходит на 'more.php' без запуска show_more_menu(), но я показываю меню на самой странице. Как сделать лайк в гугле ?

Если ваша функция onclick возвращает false, поведение браузера по умолчанию отменяется. Как таковой:

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

<script type='text/javascript'>

function check()
{
    return false;
}

</script>

В любом случае, делает это Google или нет, не имеет большого значения. Будет проще привязать ваши функции onclick к javascript - таким образом вы отделите свой HTML от другого кода.

Вы даже можете попробовать вариант ниже:

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

Насколько я понимаю, вы не хотите перенаправлять при нажатии на ссылку. Ты можешь сделать :

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

Используйте следующий код, чтобы показать меню, вместо этого перейдите по адресу href

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>