232-父级div，包含子div，子div有点击事件，父div有点击事件，js如何实现，2个点击事件不干扰

HTML 结构

<div id="parent">
  <div id="child"></div>
</div>

JavaScript/jQuery 代码：

$(document).ready(function() {
  // 父级div的点击事件处理程序
  $('#parent').on('click', function() {
    console.log('父级div的点击事件');
  });

  // 子级div的点击事件处理程序
  $('#child').on('click', function(event) {
    event.stopPropagation(); // 阻止事件冒泡，避免触发父级div的点击事件
    console.log('子级div的点击事件');
  });
});