我可以使用jqueryui draggable来检测元素上的拖动事件但不能移动它

Question

主要用于拖动画布，但也适用于任何元素。我想检测用户输入的拖动事件，但不要拖动东西。这样做的设置是什么？

PS。我看过一个看似相似的问题。但是这个问题离我有点偏执

首先，我不认为我可以使用此功能在画布中拖动对象，但是jqueryui的拖动事件可以给我一个位置并处理关联事件，我可以将其用作用户输入来计算我自己的逻辑

其次，这个问题已经3年没有更新了。并且通过另一个图书馆的建议回答了它。没有关于jquery ui本身的确切细节

所以我想再问一遍，jqueryui是否能真正做到这一点

Answer 1

如果你使canvas html元素可拖动它不会使画布中绘制的对象可拖动，只有画布元素本身会拖动，因为在画布上绘制的所有内容都不是html dom element它是只是光栅图像的一部分，所以jquery ui draggable对你没什么帮助。

如果你想在画布中有一个可拖动的对象，你应该在每个mousemove处理程序调用中检测到，鼠标是否在使用画布上下文绘制的对象内，并进行适当的转换（在你的情况下进行翻译），或者使用一些最适合你的库。