0
点赞
收藏
分享

微信扫一扫

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的点击事件');
  });
});

举报

相关推荐

0 条评论