javascript - 表单下方元素的鼠标点击触发事件被点击

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();
});