JavaScript的：鼠标坐标

我有两个div盒：一个很大是另一个很小的父。通过propeties offsetX和offsetY，我找到了鼠标指针的坐标。我只需要相对于大盒子的坐标，但是当鼠标指针位于小盒子上时，相对于这个小盒子就可以计算出坐标。即使鼠标指针位于小框上，我如何获得相对于大框的坐标？JavaScript的：鼠标坐标

来源

2009-12-01 David Gore

“我将如何陈述......只看相对'theLargeBox'元素？”数学。 – 2009-12-01 15:40:16

你是否来自意大利黑手党？那有什么问题？ – 2009-12-01 15:55:18

说实话，在这次讨论后：http://stackoverflow.com/questions/1815611/how-do-rich-text-editors-in-html-documents-achieve-their-rich-text-formatting我答应自己将来忽略你的帖子。我这次忘了，但将来还记得，除非你对其他SO'ers表现出更多的礼貌和关注。 – 2009-12-01 16:04:12

我认为这是因为小盒子是绝对或相对定位的（position: absoluteposition: relative）。你能否改变这种情况，以便只有父母是绝对定位的？

否则，JS框架应该提供将相对转换为绝对位置所需的一切，并将它们与鼠标光标相关联。

来源

2009-12-01 15:49:16

是的，你是对的。小盒子绝对定位。难道不会有办法吗？框架是邪恶的！我知道如何，但我觉得这有点难看。 – 2009-12-01 15:53:20

您必须添加鼠标光标位置的父元素的绝对'left'和'top'坐标。（可能this.parentElement.style.left ..） – 2009-12-01 16:05:09

这是一个更糟！ – 2009-12-01 16:19:09

JavaScript的：鼠标坐标

回答

相关问题