JavaScript的：鼠標座標

javascript

2009-12-01 217 views 1 likes

我有兩個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

相關問題

11. 點擊熱圖和鼠標座標！ - Javascript
12. 鼠標座標到等距座標
13. Windows鼠標座標VS OpenGL鼠標座標
14. 組的div鼠標座標
15. HTML5畫布鼠標座標
16. JFreeChart獲取鼠標座標
17. Yui鼠標座標元素
18. 鼠標座標行動
19. SVG捕捉鼠標座標
20. Windows到DirectX鼠標座標
21. Mac鼠標座標！=窗框？
22. CodedUi：鼠標點擊座標
23. 座標鼠標帆布
24. 更改鼠標座標
25. 翻轉NSView鼠標座標
26. 將鼠標座標轉換爲Qt中的標籤座標
27. 使用Javascript鼠標事件返回鼠標在HTML5畫布上的座標？
28. 獲取鼠標與鼠標移動的座標上的路線
29. 獲取鼠標座標的Qt的OpenGL
30. 觸發JavaScript mousemove而不移動鼠標，但獲取鼠標座標