里层的div点击时禁用父层级的点击事件

当您想要在一个页面上实现这样的效果，通常是在一个父元素（比如`<div>`）内部有一个可以点击的子元素（也可能是另一个`<div>`），并且希望用户只能点击子元素，而点击父元素时不响应时，您可以利用JavaScript或者jQuery来处理这个事件。

通过JavaScript：

// 获取父级div
const parentDiv = document.getElementById('parentDiv');

// 获取子div
const childDiv = document.getElementById('childDiv');

// 给子div添加点击事件监听
childDiv.addEventListener('click', function(e) {
  // 阻止冒泡，防止默认点击父元素的行为
  e.stopPropagation();
});

// 父元素设置点击事件，如果不在子元素内，阻止默认行为
parentDiv.addEventListener('click', function(e) {
  if (!e.target.matches('#childDiv')) { // 检查是否点击了子元素
    e.preventDefault(); // 阻止父元素的默认点击行为
  }
});

通过jQuery：

$("#parentDiv").on("click", function(event) {
  if (!$(event.target).is("#childDiv")) {
    event.stopPropagation(); // 阻止单独停止事件向上冒泡
    return false; // 或者在这里阻止默认行为
  }
});

$("#childDiv").click(function() {
  event.stopPropagation(); // 防止点击父元素
});

这里的关键点是阻止了事件的冒泡，使得点击事件只在子元素级别生效。