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

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

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

[解决办法]
楼主去查一下事件流中的，冒泡和捕获吧，有帮助的~
[解决办法]
在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
}
[解决办法]
楼上说的是对的，考虑了浏览器兼容问题。。
[解决办法]

探讨

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

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

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

探讨

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

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

查看更多 下一篇