关于tr的onclick事件和tr里的<img>的onClick事件同时触发的问题

Question

  如题：
      先在要实现的功能是：当点击<tr>时会显示这行的详细信息，
  <tr>里有个图片，点击图片是触发编辑此行的信息。  现在遇到的问题是当点击图片时同时触发了两个事件，以至于没办法编辑信息。求高者帮忙！

Answer 1

在img的onclick事件里 加上 阻止冒泡：
Jquery的 ：  event.stopPropagation();原生的：
function stopBubble(e){
if(e && e.stopPropagation){
e.stopPropagation(); //w3c
}else window.event.cancelBubble=true; //IE
}img.onclick= function(event){
  stopBubble(event);
   ......your code
}

Answer 2

+1 正解
要是jquery的话<script  type="text/javascript">
$(function(){
     $('.table tr').click(function(){
        alert('tr:cllick')
     });
     $('.table tr img').click(function(event){
           event.stopPropagation();
           alert('img:click');
     })
}) 
</script>
<table class="table">
  <tr>
  <td>ddd</td>
  <td>eee</td>
  <td><img src="1.gif" /></td> 
  <td>ggg</td>
  </tr>
</table>

Answer 3

<tr>
   <a href="XXXAction?XXX.id=${XXX.id}">图片路径</a>
</tr>
这是web开发的，用的是ssh的，action跳转的主要意思就是：
当你点击路径时请求一个action，将你要显示的详细信息传到下一页在详细信息页面取值