JavaScript Drag&Select功能正确完成

Question

我正在尝试使用HTML和JavaScript编写拖动和选择功能.我的意思是会有一组具有任意绝对位置的物体.我希望能够将光标拖到它们布局的区域上.可以将其视为RTS策略(选择单位)或任何矢量图形编辑器(选择用于移动它们和编辑的对象).

首先,我了解Google和SO的前几页中出现的内容.因此,我绝不会要求为我搜索这些内容并在此处发布一些随机链接.

我能找到的大多数解决方案都存在某些缺陷.主要问题是抑制实际文本选择,这似乎违背了Web浏览器的本质.一些代码片段导致选择闪烁,我发现非常烦人.有些在所有主流浏览器中都表现不佳.

我要求您实际使用或看到成功使用的代码/库的建议.

第二件事是,我想真正理解抑制选择背后的JavaScript内部.如何在理论上做到这一点.是否有任何非hackish方式实现这一目标？

我能找到的最接近的是:http: //view.jquery.com/tags/ui/1.5b2/demos/ui.selectable.html

然而它似乎与jQuery UI紧密结合,后者又需要jQuery 1.3.x而我真的很期待使用jQuery 1.5

Answer 1

抱歉我的英语.我正在使用这个库进行拖放操作,这很棒.不确定这是否是你需要的,但它可以帮助:

http://threedubmedia.com/code/event/drop/demo/selection

http://threedubmedia.com/code/event/drag

http://threedubmedia.com/code/event/drop

Answer 2

即使您希望使用 jquery 1.5，我仍然建议您查看 jquery-ui Draggable 选项（从我解释您的愿望的方式来看，这似乎是您试图完成的任务）。

http://jqueryui.com/demos/draggable/

jquery-ui 总是非常快地赶上 jquery 的最新版本，并且在很多情况下都可以正常工作。我发现 jquery-ui 往往比我发现的任何其他附加组件都更好地保持 jquery 的最新状态。

如果您想知道如何完成此操作，您可以相当轻松地探索 jquery 的未压缩核心。它有很好的文档记录并且非常容易阅读。