拖放的最佳轻量级解决方案是啥？
Posted
技术标签:
【中文标题】拖放的最佳轻量级解决方案是啥？【英文标题】：What are the best light-weight solutions for Drag and Drop?拖放的最佳轻量级解决方案是什么？ 【发布时间】：2011-03-07 01:42:48 【问题描述】：我非常喜欢并使用 jQuery，但我希望为特殊项目找到替代解决方案。
我正在创建一个书签，它将与我的应用程序交互，以允许用户更快地输入信息。目前我的应用程序中最大的痛苦之一是上传图像。用户（可以理解）讨厌以有组织的方式将图像下载到他们的计算机，然后将它们上传到应用程序的过程。
我希望小书签做的是加载一个小的 div 叠加层，其中包含几个小控件，包括一个允许用户将图像从当前页面拖放到控件中的控件强>。然后，该脚本会收集这些 img 标签的 URI，并将它们与表单一起提交给应用程序，然后服务器会自动将它们下载到应用程序中。
因此，对于这项任务，每次单击书签时都将 jQuery 和 jQuery UI 加载到页面中似乎是一种非常笨拙的方法。
谁能推荐一个不错的、轻量级的 Javascript 工具包，只处理拖放功能而不是其他功能？
我很高兴读到新的 DragDealer 工具，它看起来很棒，就在今天在 ajaxian 上，但它似乎只处理拖动而不是“放下”（即，不是目标）
【问题讨论】：
【参考方案1】：我认为库可能不是最好的解决方案，只是尝试搜索一个功能/独立插件/小部件，为您提供此功能，例如
http://www.webreference.com/programming/javascript/mk/column2/ http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx http://tool-man.org/examples/dragging.html【讨论】：
【参考方案2】：REDIPS.drag JavaScript 库仅涵盖拖放（表格内容）。实际上 HTML 表格用作布局，DIV 元素可以跨表格单元格移动。在拖动元素位于表格单元格上方的那一刻，表格单元格将突出显示 - 如果启用。最小化和 GZIPed，库小于 10Kb。这是演示页面的链接：
http://www.redips.net/javascript/drag-and-drop-table-content/
【讨论】：
【参考方案3】：我认为您可能会喜欢的最受欢迎的之一是 script.aculo.us，位于
http://script.aculo.us/
【讨论】：
以上是关于拖放的最佳轻量级解决方案是啥？的主要内容，如果未能解决你的问题，请参考以下文章
在 Selenium WebDriver 中拖放的 JavaScript 解决方法
一个轻量级且非常可配置的jQuery插件，用于使用ajax（同步）上传文件；包括对队列、进度跟踪和拖放的支持。