Как рассчитать расстояние перемещения мыши от заданного смещения

Question

У меня есть некоторые проблемы. Мне нужно вычислить движение мыши в пикселях от mousedown до mouseup. Поэтому у меня есть этот код:

selectArea.on({ 
    mousedown : function(e) { 
     select = true; 
    }, 
    mousemove : function(e) { 
     var x2, y2, offset = $(this).offset(); 
      x2 = e.pageX - offset.left, 
      y2 = e.pageY - offset.top, 
      width = ?, 
      height = ? 
     ... 
    }, 
    mouseup : function() { 
     select = false; 
    } 
}); 

Теперь мне нужно знать, сколько пикселей я переместил мышь от MouseDown смещения MouseUp смещения, есть ли вычислить Возможное это? Многое спасибо за помощь.

Answer 1

Есть два различных решения, в зависимости от вашего определения «сколько пикселей я переехал»

Сценарий: мышь движется 25px вправо и 75 пикселей влево.

Решение 1: 50px; (расстояние между началом и концом)

В обработчике mousedown вы сохраняете координаты мыши. В обработчике mouseup вы вычисляете разницу между текущими координатами мыши и сохраненными.

Решение 2: 100px; (расстояние)

В обработчике mousedown вы устанавливаете логическое значение, чтобы указать, что вы записываете и сохраняете координаты мыши и инициализируете расстояние с помощью 0. В обработчике mousemove вы вычисляете разницу между текущими координатами мыши и сохраненные координаты (добавьте его на расстояние), а затем вы замените сохраненные координаты на текущие координаты мыши. В обработчике mouseup вы выводите расстояние и освобождаете логическое значение.

Вы код, кажется, для второго решения, но вопрос требует первого.