javascript - JavaScript 中的冲突事件

Question

这是我的代码:

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

现在我有一个悬停效果，显示 X。我现在正在寻找的是使用 x 类将 onclick 事件 附加到 div这样当他们单击时它就会处理该操作。 目前它执行此操作，但完成后它会随后执行 MediaPreview 类的 onclick 事件

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

Answer 1

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

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