如何编写JS使父级div和子div的点击事件互不干扰？

更新于

2026-10-11 06:05:07

0阅读来源：SEO基础

内容介绍
文章标签
相关推荐

本文共计118个文字，预计阅读时间需要1分钟。

HTML结构：

JavaScript/jQuery代码：javascript$(document).ready(function() { // 父级div的点击事件处理程序 $('#parent').click(function() { // 这里可以添加点击事件的处理逻辑 });});

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

标签：232 父级 div 包含子