javascript – 当子元素的onclick触发时,是否可以阻止浏览器跟随链接？

这是我基本上所说的：

<a href="http://somelink.com">
    <span>stuff</span>
    <span onclick="AwesomeFunction();">more stuff</span>
    <span>the last stuff</span>
</a>

现在,问题是我想保持父亲为链接,但如果用户点击了onclick事件的跨度,我不希望浏览器跟随该链接.

我试过了

event.stopPropagation();

但这似乎只是阻止了点击事件触发的链接,或者我做错了事情.

我目前处于紧缩模式,我不想花费太多时间重写生成此HTML的代码,但由于它在网站的相当重要的功能中实现,因此仍然不能成为黑客.任何帮助赞赏.

解决方法

使javascript方法返回false！

或者你也可以使用event.preventDefault()而不是event.stopPropagation()