javascript中的冲突事件

Question

这是我的代码：

<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文本隔离，然后不再加载后续事件

Answer 1

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

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