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

Question

我有一个悬停在图片缩略图上的提交按钮（表单），允许用户删除图片，如下所示

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

其他信息

按钮的css如下：

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

Answer 1

您可以使用jQuery stop propagation函数，它可以防止事件冒泡

Answer 2

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

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