Javascript 拖放列表项以生成事件

我需要执行拖放操作，并检测相应的基于事件的拖放项。 这里的图像描述了我想要创建的典型UI

“姓名列表”由姓名列表填充。“名称1”和“名称2”是我从“名称列表”中删除名称的框。这两个框都将填充丢弃的项目。在单名框或两个框中放置后。红色区域会触发文本，例如“name1=tom和name2=tim”。此外，“姓名列表”保持不变（即，不删除任何项目）。我还应该能够删除“名称1”和“名称2”框中的名称

我已经检查了html5和jquery，它有拖放效果选项。

---

在我了解更多关于这些选项的信息之前，是否有人已经对这些选项进行了研究，请向我指出我必须查找的任何现有插件/库？

jQuery UI提供了您需要的所有UI功能

这与您的示例非常相似：