使用可排序的jQuery UI拖动元素时锁定鼠标位置

Question

我使用jQuery UI sortable插件让用户在容器中对div重新排序。

在插件的设置中，我将axis:"y"为仅将拖动运动限制为垂直运动。

当用户拖动div ，鼠标的位置在垂直方向上保持不变（相对于所拖动的div ），但在水平方向上鼠标可以自由移动，并且（我认为）它给人的“坚定” /“稳定”的ui体验较少，我希望拖动时鼠标保持在相同位置（相对于div ）。

任何想法如何做到这一点？

演示版

注意：当排序不限于垂直移动时，仅将鼠标本地锁定在第一个位置。

Answer 1

用JS控制鼠标位置很难，也不建议这样做。 尽管如此，如果您想这样做，您应该看一下Pointer Lock API，尽管我不确定它能否完成您要寻找的东西。

亲切的问候，