如何处理<tr>上的点击但不处理子元素上的点击？

Question

我使用以下代码处理点击.

表与输入

<table>
    <tr>
        <td>
            <input type="checkbox" />
        </td>
    </tr>
</table>?

单击处理程序

$('table tr').click(function(){
    alert('clicked');
});?

http://jsfiddle.net/n96eW/

它运行良好,但如果我在td中有一个复选框,它在点击时也会处理它.

有没有办法处理TR的点击但不触发子元素？

Answer 1

http://jsfiddle.net/n96eW/1/

在复选框中添加另一个事件处理程序以stopPropagation:

$('table tr').click(function(){
    alert('clicked');
});

$('table tr input').click(function(e) {
    e.stopPropagation();
});
?