относительные координаты мыши в DIV - javascript

Question

Я перемещаю мышь над div, и я хочу знать координаты мыши относительно начала div. (верхний левый угол)

Я ожидал, что событие mousemove будет содержать относительные (клиентские) координаты мыши, но, по-видимому, это не так.

В светлячок, например, ни одно из свойств событий не содержат * относительные координаты

ли я что-то отсутствует?

* clientX, Y - pageX, Y - ScreenX, у

Answer 1

Ты ничего не хватает, но вам необходимо рассчитать относительные координаты самостоятельно.

Что-то вдоль этих линий должны это сделать (заменить JQuery с ж/д код, который вы хотите использовать, чтобы получить позицию):

var pos = $('div').position(); 
var relX = event.pageX - pos.left; 
var relY = event.pageY - pos.top; 

Также смотрите: JS: mouse coordinates relative to an element, которая охватывает некоторые подробности о поддержке других браузеров (хотя, если вы используете jquery, который может не понадобиться).