防止地图区域点击重新加载页面

【问题标题】：prevent map area click to reload the page防止地图区域点击重新加载页面
【发布时间】：2014-02-03 19:38:31
【问题描述】：

我的页面中有几个地图区域。单击这些区域中的任何一个时，我希望在同一页面内创建一些动画。问题是每次单击该区域时页面都会刷新。即使使用了stopPropagation() 方法，我也无法保持这种状态。如果单击图像的区域，我只需要调用一些方法。有没有更好的办法？？

【问题讨论】：

将 href 更改为 href="javascript:;"它刷新的原因是因为 # 会将用户带到当前页面的顶部，并将其留空会刷新页面。添加 javasript:;到 href 欺骗它认为它需要运行一些 javascript 所以不再刷新。

【解决方案1】：

event.stopPropagation 和 return false; 不是一回事。在点击处理程序上返回 false 并且一切就绪。

$('map[name=blueBall] area').on('click',function(e){
    //... snip ...
    e.stopPropagation();
    return false;
});

【讨论】：