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

Question

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

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

谢谢！

Answer 1

实现这一目标的最佳方法是......

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

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

Answer 2

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

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

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