jquery - 要素内でマウスの位置を動的に取得する方法

Question

これは私のコードです:

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」と表示されます。どこが間違っていますか?</p>

Answer 1

これを試して。

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

これは私のために働いた:-)

Answer 2

$(this).offset()#myDivマウスカーソルの位置ではなく、 の位置を生成します。を使用しe.clientXます。