如何在元素中动态获取鼠标位置

Question

这是我的code：

HTML

<div id="myDiv">
    Hello
</div>​

CSS

#myDiv
{
    width:200px;
    height:100px;
    background-color:red;
}​

的jQuery

$("#myDiv").mousemove(function (e) {
    console.log($(this).offset().left);
});

它总是说“0”。我哪里错了？

Answer 1

试试这个。

console.log("X Axis : " + e.pageX + " Y Axis : " + e.pageY);

这对我有用： - ）

Answer 2

$(this).offset()产生#myDiv的位置，而不是鼠标光标的位置。使用e.clientX。