jquery - 互斥jquery点击事件

Question

这里我有两个点击事件：

$(document).ready(function() {

    //MESSAGES CHECKBOX
    $(document).on("click",".messages_checkbox",function () {
        alert("clicked box");
    });

    //MESSAGES ROW
    $(document).on("click",".messages_row",function () {
        alert("clicked");
    });

});

这是html：

<tr class="messages_row">";
<td><input type="checkbox" class="messages_checkbox" value="1"></td>
</tr>

如您所见，一个对象在另一个对象内部。我想要做的是在单击复选框或单击容器本身时触发互斥（一个或另一个 - 从不两者）事件。

现在，如果我单击复选框，两个事件都会触发，一个接一个。我只希望复选框事件触发。

我该怎么做？

Answer 1

$(document).on("click",".messages_checkbox",function () {
    alert("clicked box");

    // Stops the bubbling
    return false;
});

//MESSAGES ROW
$(document).on("click",".messages_row",function () {
    alert("clicked");

    // Stops the bubbling        
    return false;
});

请务必阅读此答案