使用draggable，我怎样才能得到元素移动的距离

With draggable, how can I get the distance the element traveled?

本文关键字：元素 移动 距离 draggable 使用      更新时间：2023-09-26

我试图提取一个元素自从我拿起它以来所走的距离。我试图抓住传递给stop处理程序的事件的target的offset和position，但它们总是出现为零…

你可以看到drag回调的方向是这样的:

var diffX = 0;
var diffY = 0;
$('#some_div').draggable({
    drag: function(e, ui) {
        var start = ui.originalPosition,
            end = ui.position;
        diffX = end.left - start.left;
        diffY = end.top - start.top;
    },
    stop: function(e, ui) {
        console.info('Dragged: X = %o, Y = %o', diffX, diffY);
    }
});
相关文章：