Javascript div内部图像上的停止单击事件

我正在创建一个简单的灯箱来显示照片。当你点击图库中的一个图像时，它会展开，占据大部分屏幕，同时遮住后面页面的所有内容。为此，我只需在DOM中添加一个

div

，并在其中单击图像，如下所示：

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

---

问题是，即使单击图像，它也会消失。如何禁用此功能

尝试阻止事件从图像传播到身体

例如：

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

这支持你的答案。（请在将来提供您自己的，即使您以后通过编辑您的帖子添加它）。

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