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

Question

我有以下HTML：

<table>
    <tr>
        <td><div>test</div></td>
        <td>Some Text</td>
    </tr>
</table>

使用JQuery，我有一些代码在用户点击TR元素时运行。效果很好。

然而，当有人点击TD元素内的DIV时，我只想要DIV的“click”事件，而不是父母的TR“click”事件。

我该怎么做？

提前全部谢谢！

Answer 1

使用stopPropagation：

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

}）;

jsfiddle

Answer 2

event.stopImmediatePropagation（）为我工作：）

Answer 3

查看jQuery的event.stopPropagation（）

http://api.jquery.com/event.stopPropagation/

Answer 4

在evt.stopPropagation处理程序中使用click。