javascript - 停止点击处理内部元素

Question

我有一个覆盖屏幕的 div。在 div 中是另一个 div，在其中，图像被动态放置。当用户单击外部 div 时，它会关闭，这很好。当用户单击图像或内部 div 时，它也会关闭，我该如何阻止这种情况发生？如果他们单击外部 div，我只希望它关闭。

这就是我正在使用的；我需要做什么才能完成这项工作？

$("#black-out").click(function(){
    $(this).fadeOut("slow");
});

的HTML：

<div id="black-out"><div id="image-holder"></div></div>

Answer 1

检查单击的元素是否与事件绑定到的元素相同：

$("#black-out").click(function(e){
    if (e.target == this) $(this).fadeOut("slow");
});