Jquery 如何从元素中心计算鼠标位置
How to calculate the mouse position from the center of an element in Jquery
我正在尝试找到一种从元素中心计算鼠标位置的方法。
关于鼠标悬停事件,我已经了解 e.pageX
和 e.pageY
,但我无法计算它相对于元素中心的位置。
我想不出方程式
您需要先获取对象的中心点 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));
})
我正在尝试找到一种从元素中心计算鼠标位置的方法。
关于鼠标悬停事件,我已经了解 e.pageX
和 e.pageY
,但我无法计算它相对于元素中心的位置。
我想不出方程式
您需要先获取对象的中心点 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));
})