发出可拖动元素中包含的拖动元素

Posted 2023-05-08

【中文标题】发出可拖动元素中包含的拖动元素

【英文标题】：Issue dragging element contained in a draggable element

【发布时间】：2018-09-19 00:34:28

【问题描述】：

嗯，当我将一个包含在另一个可拖动 div 中的可拖动 div 拖动到另一个可拖动 div 时，我遇到了问题。

Draggable divs

我在两个 div 上都附加了 2 个事件处理程序，但是当我拖动 div #1 中包含的 div #2 时，它还运行 #1 的“ondragstart”函数，我只想运行该函数#2 的“ondragstart”。

显然，这些函数有不同的名称。 onDragStart1 和 onDragStart2。

¿有人可以帮助我吗？谢谢：3

【问题讨论】：

请发布任何相关的minimal reproducible example

【参考方案1】：

您可以在 onDragStart2 函数中使用 stopPropagation 方法

event.stopPropagation() 方法阻止事件冒泡到 父元素，防止任何父事件处理程序 执行。