Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用draggable,如何获得元素移动的距离?_Javascript_Jquery - Fatal编程技术网

Javascript 使用draggable,如何获得元素移动的距离?

Javascript 使用draggable,如何获得元素移动的距离?,javascript,jquery,Javascript,Jquery,我试图提取一个元素自拾取以来所经过的距离。我试图抓取传递给停止处理程序的目标的偏移量和位置,但它们总是显示为零…您可以看到拖动回调中移动的方向,如下所示: var diffX = 0; var diffY = 0; $('#some_div').draggable({ drag: function(e, ui) { var start = ui.originalPosition, end = ui.position; diffX

我试图提取一个元素自拾取以来所经过的距离。我试图抓取传递给
停止
处理程序的
目标
偏移量和
位置
,但它们总是显示为零…

您可以看到
拖动
回调中移动的方向,如下所示:

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);
    }
});