javascript - Form下方元素鼠标点击触发事件被点击

Question

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

缩略图(img 元素)还有一个 onclick 事件，该事件触发以全尺寸显示图像的弹出窗口。不幸的是，当我单击“x”按钮(提交表单)时，下面缩略图的 onclick 事件也被触发，以便在页面重定向之前向用户显示一个弹出窗口。我怎样才能避免这种情况？

附加信息

按钮的CSS是这样的:

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

Answer 1

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