如何从子节点的1开始使div可拖动

Question

我正在使用draggable属性来启用以下元素的重新排序。我检测到各种拖动事件，并可以解释这些事件以重新排序要显示的数据数组。

问题在于我将draggable作为一个整体附加到行以从浏览器获得我想要的视觉效果，但我现在无法选择文本＆＃34; Two＆＃34;使用鼠标，因为它被解释为拖动事件。将draggable="false"附加到输入中没有帮助。

理想的用户界面是你必须从拖动图标拖动，但是当你这样做时，你会看到整行元素移动（至少在Chrome中，因为我知道可拖动的浏览器之间可能看起来不同）。

一个选项可能是使用行specify the drag Image的模糊png，但理想情况下它会是实时数据

Answer 1

因此解决方案是向拖动图标添加事件侦听器，以便当鼠标悬停在父节点上时，此时会给出draggable属性。在尝试选择文本时，这阻止了从组件的任何其他部分以及工件的拖动 - 双赢