jquery – 在表行上单击事件 – 只有在没有其他“点击”的情况下才触发

前端之家收集整理的这篇文章主要介绍了jquery – 在表行上单击事件 – 只有在没有其他“点击”的情况下才触发前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些问题与一些jQuery代码,我希望并认为该解决方案相对简单.

说我有一张桌子:

<table>
   <tr>
     <td><input type="checkBox" name="hai" value="der" /></td>
     <td><a href="mypage.PHP">My link</a></td>
     <td>Some data</td>
     <td>Some more data</td>
   </tr>
   ...
</table>

现在通过JavaScript我在jQuery(document).ready();

jQuery("table tr").click(function(){
   var row = jQuery(this);
   var hasClass = row.hasClass("highlight");
   jQuery("table tr").removeClass("highlight");
   if(!hasClass){
     row.addClass("highlight");
   }
});

所有这一切都是非常简单的东西 – 我想要能够点击一行,并将其突出显示,一次只能有一行被突出显示(显然在我的实际代码中,我做的更多) – 现在这是我的问题:

用户点击锚标签或复选框时,这也触发了行点击事件,我无法解决如何过滤掉?我知道我需要在我的点击处理程序中包含这个事件,但是如何检查这个事情,使其在尽可能多的浏览器中起作用?

解决方法

尝试添加处理程序到响应点击事件的其他元素,并阻止事件冒泡起来.这将是你已经拥有的.
jQuery('table input,table a').click( function(e) {
    e.stopPropagation();
    return true;
}):

猜你在找的jQuery相关文章