javascript - 禁用 anchor 跳

Question

我正在制作 Winston Wolf 的交互式 map 。我有一张世界地图，每个大陆都可以点击并显示该大陆的国家。当我点击非洲大陆时，页面会跳转到非洲国家(如您所料)。我的问题是，我可以阻止它跳跃吗？这是因为国家列表直接位于 map 下方，因此当您单击大陆时隐藏 map (由于页面跳转到 anchor ID)。我的代码如下:

<ul id="continents">
<li id="c1"><a href="#africa">Africa</a></li>
</ul>

<ul id="africa">
<a href="countrymapiframe.asp" target="_self" title=""><li>Egypt</li></a>
    <!--more countries-->
</ul>

我尝试了 onclick="return false"，但没有成功，我们将不胜感激。

Answer 1

是的，您可以使用 javascript。一种简化的方法是向 anchor 添加 return false; onclick 事件

<a href="countrymapiframe.asp" target="_self" title="" onclick="return false;">

但通常最好不要使用内联 onclick 属性。我建议使用 javascript 遍历 anchor 并在该循环中分配一个监听器。