拖放以交换输入字段

Question

我目前正在尝试将桌面应用重写为可以在浏览器中运行的应用。我（或多或少）有一个想法，该想法是如何重写大多数功能，但是尤其有一个我不确定如何解决。

因此该应用程序确实具有文本字段（其中有数百个）。您可以单击其中任何一个并键入一些数据。到现在为止一切都很好，但是下一件事就是，您可以拖放以相互交换它们（或它们的内容）。

在桌面上，可以通过鼠标右键进行拖放，但是我不确定这对Web是否可行。我也在寻找一些拖放库，但是它们似乎都可以处理更多的“静态”元素，例如div，图像等，但是从不输入字段（也许是因为它们窃取了点击事件？）。

这里的任何人有一个聪明的主意如何实现这样的目标吗？也许其他人做了类似的事情，或者如果XYZ会更容易做？理想情况下，在React中（因为那是我在其余应用程序中使用的东西），但是如果它以其他任何方式起作用，也许我可以采用它。

非常感谢您提出任何建议。

Answer 1

我使用https://github.com/atlassian/react-beautiful-dnd 主要思想是使用Draggable和Droppable组件。另外，还可以处理单击和拖动事件。但这有点复杂。