javascript - 在 Javascript 中获取 DOM 元素的 screenX

Question

当我在一个元素上监听 mouseover 时，我得到一个触发的事件，其中包含 screenX、clientX、pageX 和许多其他关于鼠标相对于屏幕的位置以及相对于触发事件的元素的位置的详细信息。

如果我只是调用 element.mouseover()，我的处理程序会运行，但鼠标位置和其他属性都为空。我查看了 initMouseEvent，但它需要您指定我不知道的 screenX。

我的问题是，如何在没有鼠标悬停在元素上甚至在窗口中的情况下获得这些值？

Answer 1

在 Javascript 中：

function getScreenCoords(element) {
    let rect = element.getBoundingClientRect();
    return {
            x: window.screenX + rect.left,
            y: window.screenY + rect.top
        }
}