Как вычислить положение мыши из центра элемента в JQuery

Question

Я пытаюсь найти способ вычисления положения мыши из центра элемента.

У меня есть до e.pageX и e.pageY на мыши над событием, но я не могу придумать его положение относительно центра элементов.

Я не могу думать уравнения

Answer 1

Вы должны сначала получить центральную точку объекта, X & Y (objCenterX & objCenterY в коде ниже), а затем вычесть, что из текущих координат мыши.

Это должно сделать это для вас:

$("#test").mousemove(function (event) { 
     var objLeft = $("#test").offset().left; 
     var objTop = $("#test").offset().top; 

     var objCenterX = objLeft + $("#test").width()/2; 
     var objCenterY = objTop + $("#test").height()/2; 

     $("#results").text("Left:" + (event.pageX - objCenterX) + ", Top:" + (event.pageY - objCenterY)); 
    })