javascript - 如何将 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();
});