Javascript 获得偏移之间最小距离的最佳方法

我正在制作一个可拖动的文本，它应该根据输入和拖动文本的最终位置之间的距离插入到一个输入上，请参见示例：

$（'span'）。可拖动({
不透明度：0.7，
助手：“克隆”，
停止：函数（）{
var offset=$（'.ui可拖动'）.offset（）；
var xFinalPos=偏移量。左；
var yFinalPos=offset.top；
}
})

span{
背景色：红色；
光标：指针
}
div{
边缘顶部：50px；
左边距：100px；
}
输入{
利润率：20px；
}

正文

您不需要计算距离。jQuery UI已经为您完成了这项工作：

$（“#可拖动”）.draggable({
不透明度：0.7，
助手：“克隆”
});
$（“.input grid”）.dropable({
接受：“可拖动”，
公差：“相交”，
课程：{
“ui可拖放悬停”：“活动”
},
drop：函数（事件、用户界面）{
$（“输入”，this.val（$（ui.helper.text（））；
}
});
span{
背景色：红色；
光标：指针
}
.内容{
边缘顶部：50px；
左边距：50像素；
}
.输入网格{
显示：内联块；
填充：20px；
}
.input-grid.active>input{
边框颜色：红色；
}

正文
您不需要计算距离。jQuery UI已经为您完成了这项工作：


$（“#可拖动”）.draggable({
不透明度：0.7，
助手：“克隆”
});
$（“.input grid”）.dropable({
接受：“可拖动”，
公差：“相交”，
课程：{
“ui可拖放悬停”：“活动”
},
drop：函数（事件、用户界面）{
$（“输入”，this.val（$（ui.helper.text（））；
}
});
span{
背景色：红色；
光标：指针
}
.内容{
边缘顶部：50px；
左边距：50像素；
}
.输入网格{
显示：内联块；
填充：20px；
}
.input-grid.active>input{
边框颜色：红色；
}

正文