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删除时，也会调用li点击。

我只是想当我点击删除img时，删除img脚本只会被调用而不是li。对于span元素也一样。

感谢。

Answer 1

在这种情况下，添加return false，例如：

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

这会将click事件从bubbling up停止到<li>元素，同时触发其处理程序。