javascript - 如何在启用拖放的 div 中启用鼠标拖动

Question

我有一个 div，里面有几个元素(如预期)，我希望能够拖放这个 div (draggable=true)；然而，其中一个元素是条形图，允许用户在其上拖动鼠标来选择特定范围的数据(有点像 Stack Overflow 允许您查看特定日期范围内的声誉 - 您可以在在您的声誉选项卡下的个人资料)。正如您可能想象的那样，当其父 div 将 draggable 设置为 true 时，我无法在该图表上拖动，因为它只是拖动 div 而不是更新图表。

我想了很多办法来解决这个问题，但它们看起来都相当困惑。所以我想知道我有什么选择不那么黑客。理想情况下，我只能通过拖动 div 的一部分来拖动整个 div。

Answer 1

将“div”设置为可拖动将导致每当您拖动该 div 中包含的任何元素时都会拖动它。解决这个问题的一个好方法是使用绝对定位将图形放置在 div 的空间内，而不是将其放在 div 标签内。