在span元素上执行不同js函数的问题单击嵌套在HTML超链接中

时间:2010-10-15 09:22:34

标签: javascript function hyperlink html

我在这样的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',它调用服务器端webmethod,点击'span2'后我执行'removedata'js函数,再次调用另一个服务器端webmethod。

我的要求是我需要在超链接点击时调用'adddata'js函数以及'span1'点击而不是'span2'click.I尝试在超链接onclick事件上调用'adddata'函数'span1'onclick事件,但这也导致在'span2'点击时调用该函数。

我不明白如何在超链接和span1点击上执行相同的功能,并在span2点击上执行不同的功能。

有人可以帮忙吗?

由于

2 个答案:

答案 0 :(得分:1)

span2取消事件气泡后,请更改此信息:

onclick="removedata();"

对此:

onclick="removedata(); return false;"

这可以防止click中的<span>事件从bubbling up升级到<a>元素,并触发它的onclick处理程序。

答案 1 :(得分:0)

或者你可以用旧学校“javascript:void(removedata())”附上“removedata”:)