javascript - JavaScript中发生冲突的事件

这是我的代码：

<div class="MediaPreview" style="left: 10px; bottom: 10px;">
   <span>Image or video, required</span>
   <div class="x">x</div>
</div>

现在，我将鼠标悬停在显示X的效果上。我现在想要的是将onclick event附加到具有x类的div上，以便当他们单击时可以处理该动作。当前，它会执行此操作，但完成时会随后为MediaPreview类执行onclick事件

不太确定该听什么。我在寻找帮助/答案。一种解决方案是将onclick隔离为X文本，然后不加载后续事件

最佳答案

您需要使用e.stopPropagation()阻止事件冒泡至父事件。

如果您向我们展示您的实际代码，我们可以向您展示您的点击处理程序中e.stopPropagation()的插入位置。请记住，有关代码的问题应始终包含相关代码。