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

问题描述 投票:1回答:1

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

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

当用户拖动div时,鼠标位置保持相同(相对于拖动的div)垂直但水平地鼠标自由移动(我认为)它给出了较少“坚定”/“稳定”的ui体验,我想要拖动时鼠标停留在相同的位置(相对于div)。

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

Demo

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

jquery jquery-ui jquery-ui-sortable draggable
1个回答
0
投票

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

亲切的问候,

© www.soinside.com 2019 - 2024. All rights reserved.