Javascript 如何使用移动约束检测从左向右的拖动？

我想检测静态（无移动）元素上拖动事件的方向。 从我搜索的内容来看，他们使用jqueryui

draggable

来移动元素

这是我的尝试（我使用

包容

来停止它的运动，但我无法检测阻力的方向）

var-prevX=-1；
$（'div'）。可拖动({
遏制：“家长”，
拖动：函数（e）{
//console.log（e.pageX）；
如果（prevX==-1）{
prevX=e.pageX；
返回false；
}
//向左拖
如果（prevX>e.pageX）{
警报（“向左拖动”）；
}else如果（prevX
.wrapper{
宽度：100px；
高度：100px；
}
.里面{
宽度：100px；
高度：100px；
背景颜色：黄色；
}
使用
dragstart
保存开始位置X Y，结束
dragend
进行比较