javascript - 如果我单击复选框，则尝试阻止 jQuery 触发 table tr onclick 事件

Question

我有一个表格，每行都有一个复选框。我为单击移动到另一个页面创建了一个事件处理程序，但如果我单击了复选框，我想阻止它移动。以下代码是我的代码:

表格布局

echo '<tr class="unread"><td><label class="fancy-checkbox"><input type="checkbox"><span>&nbsp;</span></label></td>';
echo '<td><span class="from">' . $message['message_from_first_name'] . '</span></td>';
echo '<td><span class="title">' . $message['subject'] . '</span> <span class="preview">- ' . strip_tags($message['message_preview']) . '</span></td>';
echo '<td><span class="timestamp">' . $message['datestamp'] . '</span></td>';
echo '<td style="display:none;">' . $message['message_id'] . '</td>';
echo'</tr>';

jQuery

<script>

    $('table tr').click(function(event) {

        if (event.target.type !== 'checkbox') {


            var id = $("td:last-child", this).text();
            $.redirect('?action=view-message', {message_id: id});

        }

   });

</script>

Answer 1

试试这个:

$( 'table tr input[type="checkbox"]' ).on( 'click', function( event ) {
    event.stopPropagation();
} );

之后，您可以在table tr上绑定(bind)点击，因为复选框点击将在触发后停止