javascript - 父元素onclick中的子元素onclick

Question

我在“div标签”中有一个“支票簿”，“div标签”已经注册了一个onclick事件，当我点击复选框时，它会调用“div标签”的事件，如何捕捉“checkbook”的事件，我试过“z-index”用于checkbok但没有成功

Answer 1

尝试这将解决我添加的问题 if (e.target !== this)。

$('.comment_item').on('click', function(e) {
  if (e.target !== this)
    return;
  
  alert( 'comment_item' );
});

$('.check-item').on('click', function(e) {
  if (e.target !== this)
    return;
  
  alert( 'check-item' );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="comment_item">
    <input type="checkbox" class="check-item">
</div>