如何獲取鼠標點擊相對於jQuery中的視口的光標座標

Question

我想要獲得按鈕單擊的鼠標座標。如果我使用event.pageX，它將返回相對於文檔的鼠標座標。如何轉換或獲取相對於視圖端口的值？

Answer 1

從您的座標中減去文檔的滾動位置（scrollTop/scrollLeft）以獲取相對於視圖端口的文檔。

Answer 2

它應該是你的親戚到文檔的當前位置 - 當前滾動位置

Answer 3

我不是你的要求完全清楚，但如果你希望得到相對於鼠標位置元素：

$("input").focus(function(e){ 
    var relativeX = e.pageX - this.offsetLeft; 
    var relativeY = e.pageY - this.offsetTop; 
}); 

Answer 4

你真的想達到什麼目的？你可以用div來包裝按鈕，並獲得相對於div本身的x，y。也許我是多餘的。