Javascript 以100px的增量水平拖动元素

我很难弄明白这一点

我有一堆

div

s（里面有一些内容），我希望能够水平地拖放它们。但是，我希望以100px的增量移动它们（左侧的

位置需要是0、100、200等）。想象一下，在后台有一个100像素宽的单元格，您只能将元素移动到另一个单元格。除了没有桌子

我认为jQuery是不可能的（我使用的是Vue）。
我不会为您编写代码，但我会告诉您从何处开始，帮助您解决这个问题


首先，听元素上的
mousedown
和
mouseup
事件：

一些内容

接下来在
mousedown
上注册一个
mousemove
侦听器，并在
mouseup
上注销它：

方法：{
鼠标移动（e）{
const moved=e.offsetX-this.startX；
//鼠标移动了“移动”像素。
//现在计算你想要的
},
穆斯敦（e）{
this.startX=e.offsetX；
e、 currentTarget.addEventListener（this.mousemove）；
},
鼠标（e）{
e、 currentTarget.removeEventListener（this.mousemove）；
},
}
是的，我一直在尝试这个方法，检查偏移量差异似乎效果很好。干杯