Javascript 拖放以交换输入字段

我目前正在尝试将桌面应用程序重写为可以在浏览器中运行的应用程序。我（或多或少）知道如何重写大部分功能，但有一个特别的问题我不确定如何解决

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

在桌面上，拖放是用鼠标右键完成的，但我不确定这对web是否可行。我还查找了一些拖放库，但它们似乎都能处理更多的“静态”元素，如div、image等，但从不输入字段（可能是因为它们窃取了单击事件？）

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

感谢您提前提出建议。

我使用 主要思想是使用

Draggable

和

dropable

组件。此外，还可以处理单击和拖动事件。但是有点复杂。

我用

---

主要思想是使用

Draggable

和

dropable

组件。此外，还可以处理单击和拖动事件。但是有点复杂。

谢谢你的回答。这个库看起来不错，但看起来更适合将列表元素从一个移动到另一个，而不是交换它们。对于自定义处理程序，这可能吗？谢谢您的回答。这个库看起来不错，但看起来更适合将列表元素从一个移动到另一个，而不是交换它们。对于自定义处理程序，这可能吗？