在跨度元素上执行不同的js函数时出现问题，单击嵌套在HTML超链接中的问题

Question

我在这样的HTML超链接中有几个span元素。

<a href="Default.aspx"><span id="span1" onclick="adddata();">Span1<asp:Literal ID="Lblcount" runat="server"></asp:Literal></span><span id="span2" class="removetab ui-icon ui-icon-circle-close" style="float:right; margin: -2px -10px 0px 3px; cursor:pointer;" onclick="removedata();"></span></a>

目前，在单击“ span1”时，我正在执行一个调用服务器端网络方法的js函数“ adddata”，而在单击“ span2”时，我正在执行又调用另一种服务器端网络方法的“ removedata” js函数。

我的要求是，除了“ span1”点击之外，我还需要在超链接点击上调用“ adddata” js函数，但在“ span2”点击上则不需要。我尝试在超链接onclick事件上调用“ adddata”函数，而不是“ span1'onclick事件，但也会导致在“ span2”点击时调用该函数。

我不明白如何在超链接和span1单击上执行相同的功能，以及在span2单击上执行不同的功能。

有人可以帮忙吗？

谢谢

Answer 1

在您的span2取消事件span2 ，更改以下内容：

onclick="removedata();"

对此：

onclick="removedata(); return false;"

这样可以防止<span>的click事件冒泡到<a>元素并触发它的onclick处理程序。

Answer 2

或者，您也可以在老式的“ javascript：void（removedata（））”中加上“ removedata” :)