使用可排序的jQuery UI拖動元素時鎖定鼠標位置

Question

我使用jQuery UI sortable插件讓用戶在容器中對div重新排序。

在插件的設置中，我將axis:"y"為僅將拖動運動限制為垂直運動。

當用戶拖動div ，鼠標的位置在垂直方向上保持不變（相對於所拖動的div ），但在水平方向上鼠標可以自由移動，並且（我認為）它給人的“堅定” /“穩定”的ui體驗較少，我希望拖動時鼠標保持在相同位置（相對於div ）。

任何想法如何做到這一點？

演示版

注意：當排序不限於垂直移動時，僅將鼠標本地鎖定在第一個位置。

Answer 1

用JS控制鼠標位置很難，也不建議這樣做。 盡管如此，如果您想這樣做，您應該看一下Pointer Lock API，盡管我不確定它能否完成您要尋找的東西。

親切的問候，