Javascript 如何仅将jquery事件附加到外部div？

我正在做一个jQuery灯箱。它工作得很好，但我想添加另一个功能：我希望框关闭时，周围的“调光器”，div是点击，但不是当主一个

为了澄清，我有两个分区：分区A和分区B。分区A有一个半透明的背景图像，覆盖了整个屏幕（它是绝对定位的）。B区较小，位于A区内部（也是绝对位置），是灯箱的主要内容。是否可以将单击事件附加到分区a（外部）上，如果单击分区B（内部）则不会触发该事件

---

谢谢

在div B的click事件中，返回false。这将确保事件不会冒泡并触发父元素（div A）的单击

即使在单击Div B时没有执行任何操作，也只需返回false

$("#divB").click(function(){
    return false;
});

---

实现这一目标的最佳途径是

$('#your-light-box').click(function(event) {
   event.stopPropagation();
});

$(document).click(function() {
  closeLightbox();
});