Как я могу получить координаты мыши относительно родительского div? Javascript
В настоящее время у меня есть div, структурированный с другими элементами внутри него.
Нечто похожее на ниже;
Я пытаюсь получить положение мыши относительно div с идентификатором.container
Пока у меня есть это;
function onMousemove(event) {
x = event.offsetX;
y = event.offsetY;
};
var elem = document.getElementById("container");
elem.addEventListener("mousemove", onMousemove, false);
Это прекрасно работает, если div с идентификаторомcontainer
не имеет детей Когдаcontainer
У div есть дочерние элементы, он получает координаты мыши относительно дочернего элемента, а не родительского элемента.
Я имею в виду, что если мышь находилась в положенииx: 51, y: 51
относительно родительского div, он на самом деле вернетx: 1, y: 1
относительно дочернего элемента div, используя HTML, приведенный выше.
Как мне добиться того, чего я хочу, нет библиотек, пожалуйста.
РЕДАКТИРОВАТЬ
tymeJV любезно рассказал о том, что происходит выше.