使用jQuery UI排序元素时锁定鼠标位置

时间:2017-12-28 19:41:19

标签: jquery jquery-ui jquery-ui-sortable draggable

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

在插件的设置中,我设置axis:"y"以将拖动动作限制为仅垂直移动。

当用户拖动div时,鼠标位置保持相同(相对于拖动的div)垂直但水平移动鼠标可以自由移动(我认为) “/”稳定的“ui体验,我希望鼠标在拖动时保持在相同的位置(相对于div)。

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

Demo

注意:当排序不限于垂直移动时,只有鼠标本身锁定到第一个位置。

1 个答案:

答案 0 :(得分:0)

用JS控制鼠标位置很难做到,不可取。尽管如此,如果你想这样做,你应该看一下Pointer Lock API,虽然我不确定它能否达到你想要的效果。

亲切的问候,