jQuery的確定鼠標位置一個div

Question

這也許是一個重複的問題之內，但我還沒有看到我的一個可行的解決方案

我的問題是怎樣才能得到一個div內的鼠標的位置？

我不希望文檔作爲原點，但內部div（粉紅色內容div） 因此，當我將coursor移動到粉紅色div的（0 | 0）座標時，我還需要（0 | 0）座標我的原點座標

我設置一個的jsfiddle here

$('.content').mousemove(function(e){ 
    $('#xCoord').val(e.pageX); 
    $('#yCoord').val(e.pageY); 
}); 

這不會真正爲我工作......我也

試了一下

var parentOffset = $(this).parent().offset(); 

但我只是得到的8像素偏移回來了jQuery的鼠標移動偏移未定義

誰能幫助我？

Answer 1

e.pageX返回當前鼠標指向窗口的位置。

試試這個：

var mouseX = e.pageX - $(this).offset().left; 
var mouseY = e.pageY - $(this).offset().top; 

更新小提琴：http://jsfiddle.net/B7zZ8/2/

Answer 2

您現在的位置是實際的位置 - 在div位置：

$('.content').mousemove(function(e){ 
     var pos=$(this).position(); 
     $('#xCoord').val(e.pageX-pos.left); 
     $('#yCoord').val(e.pageY-pos.top); 
    }); 

http://jsfiddle.net/B7zZ8/3/