Javascript 如何在计算机屏幕上获取元素的像素坐标

我想知道html元素在屏幕上的左上方位置。 我尝试使用以下代码，该代码为我提供了文档中元素的位置：

var position = $('#elem').position();

但我想知道的是，是否有一个函数可以找到屏幕上的位置，或者是否有一种方法可以知道屏幕上该点的坐标：

提前谢谢你

使用

获取第一个元素的当前坐标，或设置匹配元素集中每个元素相对于文档的坐标

---

相反，坐标是相对于父元素的

您需要定义要查找的位置

顶部

左侧

检查文件

---

你可能正在寻找

返回的值是一个TextRectangle对象，它包含只读 描述中边框框的左、上、右和下属性 像素。“顶”和“左”相对于视口的左上角

例如，这是未滚动页面上问题元素的结果：

document.querySelector("#question").getBoundingClientRect()

还有一点滚动：

{
    "height": 633,
    "width": 728,
    "left": 431.5,
    "bottom": 10,
    "right": 1159.5,
    "top": -623
}

{
    "height": 633,
    "width": 728,
    "left": 431.5,
    "bottom": 844,
    "right": 1159.5,
    "top": 211
}

{
    "height": 633,
    "width": 728,
    "left": 431.5,
    "bottom": 10,
    "right": 1159.5,
    "top": -623
}