我在这样的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点击上执行不同的功能。
有人可以帮忙吗?
由于
答案 0 :(得分:1)
在span2
取消事件气泡后,请更改此信息:
onclick="removedata();"
对此:
onclick="removedata(); return false;"
这可以防止click
中的<span>
事件从bubbling up升级到<a>
元素,并触发它的onclick
处理程序。
答案 1 :(得分:0)
或者你可以用旧学校“javascript:void(removedata())”附上“removedata”:)