Несколько кликов внутри элемента 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 первого пролета, также вызывается щелчок li.

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

Спасибо.

Answer 1

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

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

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