如何获取鼠标点击相对于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。也许我是多余的。