如何在jQuery中相对于viewport鼠标单击时获取Cursor坐标

Question

我想在点击按钮时获得鼠标坐标。如果我使用event.pageX，它将返回相对于文档的鼠标坐标。如何转换或获取相对于视口的值？

Answer 1

我不清楚你在问什么，但如果你想要相对于一个元素获得鼠标位置：

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

Answer 2

从你的坐标中减去文档的滚动位置（scrollTop / scrollLeft），使其相对于视口。

Answer 3

它应该是您当前相对于文档的位置 - 当前滚动位置

Answer 4

你真正想要实现的目标是什么？你可以用div包裹按钮，并获得相对于div本身的x，y。也许我是多余的。