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

Question

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

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

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

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

Answer 1

Если функция 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 от другого кода.

Answer 2

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

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

Answer 3

Из того, что я понимаю, вы не хотите перенаправлять при нажатии на ссылку. Вы можете сделать:

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

Answer 4

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

function show_more_menu(e) {
  if(!confirm('Do you want to go to: '+e.target.href)) e.preventDefault();;
}

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