在JS中，如何獲得DIV內的鼠標座標？

Question

在JS中，如何獲得DIV內的鼠標座標？如果我使用event.pageX，它只會在DIV位於頁面左上角時起作用......否則，我必須知道頁面中DIV的位置並從中減去event.pageX。當我動態生成DIV時，這很難做到，因爲我必須跟蹤每個DIV的位置。有任何想法嗎？

---

看起來像event.layerX和event.layerY工作在FF中找到，如果我定義與絕對位置的DIV。下面是一個簡單的例子：

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

但在IE，event.layerX/Y在DIV中未定義的。有任何想法嗎？

Answer 1

這聽起來像你回答你自己的問題。我不知道有什麼快捷方式可以從div內找到光標位置，而不是從div左上角的x和y座標中減去鼠標的x和y座標。只要確保在緩存div更改的位置以避免每次鼠標光標移動時進行DOM查找。

Answer 2

這並不難。每個元素都有一個offsetTop和offsetLeft屬性。您可以使用當前鼠標位置來確定相對位置。