2011-05-28 61 views
0

假設有具有以下性質的DIV:如何檢測鼠標指針的座標在一個div

top:100; 
left:100; 
height:200; 
width:200; 

現在,當我在共ORDS瀏覽器中的鼠標指針位置(105210) ,這意味着鼠標指針位於(5,110)的div處。所以這是我想用jQuery計算的東西。任何人都可以幫助我一些代碼建議?

+0

請注意,你總是需要添加一個單位到CSS屬性的頂部,左側,高度和。在這種情況下,您需要添加一個'px'。 (我發佈這個評論,因爲它與問題無關。) – anroesti 2011-05-28 15:59:05

+0

http://stackoverflow.com/questions/1133807/mouse-position-using-jquery-outside-of-events – 2011-05-28 16:01:14

+0

@andre_roesti:我忘了提及PXs。反正,這個問題更關係到jQuery。這些屬性剛剛提到供參考。 – 2011-05-28 16:04:03

回答

1

只需從pageXoffsetToppageY中減去您的DIV的屬性offsetLeft即可。

$(document).mousemove(function(e) { 
    var x = e.pageX - $('#example').offsetLeft; 
    var y = e.pageY - $('#example').offsetTop; 
}