在div內的圖片上停止點擊事件

Question

我正在創建一個簡單的燈箱來顯示照片。 當您單擊圖庫中的圖像時，它會展開以占據大部分屏幕，同時使后面頁面的所有內容均變黑。 為此，我只需要在div添加點擊了圖片的div ，如下所示：

<div id='image'>
 <img src="someImage">
</div>

我試圖創建另一個onclick事件來隱藏此DIV，但僅當單擊位於圖像之外的任何位置時才如此。 因此，如果您單擊圖像，我不希望div消失....僅當您單擊圖像側面上任何被塗黑的部分時。 我將onclick綁定到“主體”，如下所示：

$('body').click(function(){
  $('#image').hide();
}):

問題是，即使我單擊圖像，它也會消失。 如何禁用此功能？

Answer 1

嘗試阻止事件從圖像傳播到身體。

例如：

$('#image').on('click', function (e) {
    e.stopPropagation();
});