В JS, как я могу получить координаты мыши внутри DIV?

Question

В JS, как я могу получить координаты мыши внутри DIV? если я использую event.pageX, он будет работать только в том случае, если DIV находится в верхнем левом углу страницы ... в противном случае мне нужно знать положение DIV на странице и вычесть из него event.pageX. Это трудно сделать, когда я генерирую DIVs динамически, так как я должен следить за положением каждого DIV. Есть идеи?

---

Похоже event.layerX и event.layerY работает найти в FF, если я определить DIV с абсолютным позиционированием. Вот небольшой пример:

http://www.zangware.com/divpos.html

Но в IE, event.layerX/Y не определено внутри DIV. Есть идеи?

Answer 1

Это звучит так, как будто вы ответили на свой вопрос. Я не знаю никаких ярлыков для нахождения позиции курсора изнутри div проще, чем вычитание координат x и y мыши из координат x и y верхнего левого угла div. Просто убедитесь, что вы кэшируете местоположение div, когда оно изменяется, чтобы избежать поиска DOM каждый раз, когда курсор мыши перемещается.

Answer 2

Это не слишком сложно. Каждый элемент имеет свойство offsetTop и offsetLeft. Вы можете использовать это с текущей позицией мыши, чтобы определить относительное положение.