如何获取作为相对元素的子元素的DOM元素的鼠标位置？

Question

如何在DOM元素上获取鼠标位置，DOM元素是相对元素的子元素 （在JavaScript中）？

Answer 1

这是我想要在元素中获取鼠标位置时使用的方法。它返回标准轴（底部 - >顶部）或网络轴（顶部 - ＆gt;底部）中的 y 值。

/*
  Get the position of the mouse event in a standard axis system
  in relation to the given element.

  Standard axis system:
    The origin (0, 0) starts at the bottom-left and increases
    going up for 'y' and right for 'x'.
*/
function GetMousePositionInElement(ev, element)
{
    var offset = element.offset();

    var bottom = offset.top + element.height();

    var x = ev.pageX - offset.left;
    var y = bottom - ev.pageY;

    return { x: x, y: y, y_fromTop: element.height() - y };
}

它需要jQuery。