HTML якорь тег с Javascript onclick событие

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

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

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

Это, как правило, достается больше.на PHP без стрельбы show_more_menu(), но у меня есть показать меню в самой этой странице. Как сделать как google?

4 56
javascript onclick hyperlink anchor

4 ответа:

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

86

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

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

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

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

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

<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>

здесь пример работающего.

0