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

[cyky_yoyo]

如题：
先在要实现的功能是：当点击<tr>时会显示这行的详细信息，
<tr>里有个图片，点击图片是触发编辑此行的信息。

现在遇到的问题是当点击图片时同时触发了两个事件，以至于没办法编辑信息。求高者帮忙！

[张运领]

楼主去查一下事件流中的，冒泡和捕获吧，有帮助的~

[bennman]

在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
}

[夜空中苦逼的程序员]

楼上说的是对的，考虑了浏览器兼容问题。。

[aaaa55594321]

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

[似梦飞花]

[Quote=引用 3 楼 的回复:]

在img的onclick事件里 加上 阻止冒泡：
Jquery的 ： event.stopPropagation();

原生的：
function stopBubble(e){
if(e && e.stopPropagation){
e.stopPropagation(); //w3c
}else window.event.cancelBubble=true; ……
[/Quote]++

[泡泡鱼_]

[Quote=引用 3 楼 的回复:]
在img的onclick事件里 加上 阻止冒泡：
Jquery的 ： event.stopPropagation();

原生的：
function stopBubble(e){
if(e && e.stopPropagation){
e.stopPropagation(); //w3c
}else window.event.cancelBubble=true; //……
[/Quote]
+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>