jquery – 覆盖父元素单击子元素中的事件

前端之家收集整理的这篇文章主要介绍了jquery – 覆盖父元素单击子元素中的事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 HTML
<table>
    <tr>
        <td><div>test</div></td>
        <td>Some Text</td>
    </tr>
</table>

使用JQuery,我有一些代码用户点击TR元素时运行.它运作良好.

但是,当有人单击TD元素内的DIV时,我只想要DIV的“click”事件而不是父级的TR“click”事件.

我怎样才能做到这一点?

提前谢谢!

解决方法

使用stopPropagation:
$(function() {
    $('tr').bind('click',function (e) {
        console.log('tr');
    });
    $('div').bind('click',function(e) {
        e.stopPropagation();
       console.log('div');
   });

});

jsfiddle

原文链接:https://www.f2er.com/jquery/177444.html

猜你在找的jQuery相关文章