Как определить координаты внутри блока, который может находиться в любом месте документа?

Question

[Дмитрий Баскаков]

Есть блок, внутри которого необходимо определить локальные координаты, т.е. левый верхний угол этого блока: x=0;y=0

Блок может находиться в любом месте документ хоть в левом верхнем углу, хоть в нижнем правом.

И необходимо определить эти координаты в событии mousemove назначенном на document.
Использовал:
getBoundingClientRect() нужного блока и e.clientX документа

Но в итоге так и не придумал формулы

Главное, чтобы можно было понять на сколько курсор далеко/близко от блока и если внутри, то в каком месте. Хотя бы координату икс

Answer 1

[multiscripter]

Может offsetLeft и offsetTop попробовать?

Comments

[Дмитрий Баскаков]

Это смещение относительно родителя. Это не подходит.
Нужна формула, либо какие-то свойства, помогающие из любой точки определить координаты курсора, относительно нужного блока, т.е. по иксу может и более 100% быть.

Главное, чтобы можно было понять когда на сколько курсор далеко/близко от блока и если внутри, то в каком месте. Хотя бы координату икс

[multiscripter]

Дмитрий Баскаков, а это самый "нужный блок" имеет абсолютное позиционирование или статическое?

[Дмитрий Баскаков]

Статичный

[multiscripter]

Дмитрий Баскаков, Рекурсивно пробежаться по родителям и складывать offsetLeft и offsetTop.

[Дмитрий Баскаков]

И что это даст, кроме расстояния до блока, которое итак известно?

[multiscripter]

Дмитрий Баскаков, псевдокод:
if (offsetLeft - mouse.left > 0)
курсор по оси X перед блоком.
else if (mouse.left > offsetLeft + block.width())
курсор по оси X за блоком.
else
курсор по оси X внутри блока.