Question

在使用Google时，我发现他们正在使用锚标记中的onclick事件。

在Google标题部分的更多选项中，它看起来像普通的标记，但是点击它不会被重定向但是会打开一个菜单。通常在使用时

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

它通常会在没有触发show_more_menu()的情况下进入'more.php'，但我在该页面中显示了一个菜单。怎么做谷歌？

Answer 1

如果您的onclick函数返回false，则取消默认浏览器行为。就这样：

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

<script type='text/javascript'>

function check()
{
    return false;
}

</script>

无论哪种方式，谷歌是否做到这一点并不重要。在javascript中绑定你的onclick函数更简洁 - 这样你就可以将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>

带有Javascript onclick事件的HTML锚标记

4 个答案: