单击表单下方元素的鼠标单击触发事件

Question

我有一个“提交”按钮（窗体），悬停在图像缩略图上方，允许用户删除图像，如下所示

缩略图（img元素）还具有onclick事件，该事件触发一个弹出窗口，以全尺寸显示图像。 不幸的是，当我单击“ x”按钮（提交表单）时，下面的缩略图的onclick事件也会被触发，以便在重定向页面之前向用户显示一个弹出窗口。 我该如何预防？

附加信息

按钮的css如下：

.delete_image_button
{
    position:               absolute;
    top:                    0px;
    right:                  0px;
    z-index:                1;
}

Answer 1

您可以使用jQuery 停止传播功能，它可以防止事件冒泡

Answer 2

您可以使用stopPropagation方法来防止事件传播到父节点。

$(element).click(function(event){
     event.stopPropagation();
});