Несколько щелчков внутри элемента Li

Question

я иметь следующую структуру:

<li onclick='GetMyTopic({1});' class='SideBarBoxli SideBarBoxLiSelected' id='MyTopics{0}'> 

<div style='float:right; padding-top:3px;'><a href='{0}'> <span>{1}</span></a></div> 

<div > <a id='img{2}' onclick='DeleteTopic({0},{1})' href='#'> <img src='../../../images/delete.png' height='16' width='16'/></a></div> 

</li> 

Когда я нажимаю IMG Удалить из первого диапазона, литиево щелчок также вызывается.

Я просто хочу, когда я нажму кнопку delete img, скрипт delete img будет вызван, а не li. то же самое для элемента span.

Спасибо.

Answer 1

В этом случае добавьте return false, например .:

DeleteTopic({0},{1}); return false; 

Это остановит click событие от bubbling up к <li> элемента, вызывая его обработчик, а также.