Проблема выполнения различных функций js для элементов span, вложенных в гиперссылку HTML

Question

У меня есть пара элементов span внутри гиперссылки HTML, как эта.

<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» Я выполняю функцию js «удаленные данные», которая снова вызывает другой веб-метод на стороне сервера.

Мое требование заключается в том, что мне нужно также вызывать функцию js «adddata» при щелчке гиперссылкиspan1 'click, но не на' span2 'click. Я попытался вызвать функцию' adddata 'для события onclick гиперссылки вместо события' span1 'onclick, но это также вызывает вызов функции при нажатии' span2 '.

Я не понимаю, как выполнить ту же функцию для гиперссылки и клика span1 и другую функцию для клика span2.

Может кто-нибудь помочь?

Спасибо

Answer 1

В вашем span2 отменить пузырь событий, измените это:

onclick="removedata();"

К этому:

onclick="removedata(); return false;"

Это предотвращает событие click в <span> с , всплывающим к элементу <a>, и также запускает его обработчик onclick.

Answer 2

Или вы можете заключить в "удаленные данные" в "javascript: void (removeata ())" старой школы ":)