这是我的解决方案。它导出窗口。currentMouseX和window。你可以在任何地方使用currentMouseY属性。它首先使用悬停元素的位置(如果有的话)，然后监听鼠标移动来设置正确的值。

(function () {
    window.currentMouseX = 0;
    window.currentMouseY = 0;

    // Guess the initial mouse position approximately if possible:
    var hoveredElement = document.querySelectorAll(':hover');
    hoveredElement = hoveredElement[hoveredElement.length - 1]; // Get the most specific hovered element

    if (hoveredElement != null) {
        var rect = hoveredElement.getBoundingClientRect();
        // Set the values from hovered element's position
        window.currentMouseX = window.scrollX + rect.x;
        window.currentMouseY = window.scrollY + rect.y;
    }

    // Listen for mouse movements to set the correct values
    window.addEventListener('mousemove', function (e) {
        window.currentMouseX = e.pageX;
        window.currentMouseY = e.pageY;
    }, /*useCapture=*/true);
}())

来源:https://github.com/ocproducts/composr/commit/a851c19f925be20bc16bfe016be42924989f262e#diff-b162dc9c35a97618a96748639ff41251R1202

真实的答案:不，这是不可能的。

OK, I have just thought of a way. Overlay your page with a div that covers the whole document. Inside that, create (say) 2,000 x 2,000 <a> elements (so that the :hover pseudo-class will work in IE 6, see), each 1 pixel in size. Create a CSS :hover rule for those <a> elements that changes a property (let's say font-family). In your load handler, cycle through each of the 4 million <a> elements, checking currentStyle / getComputedStyle() until you find the one with the hover font. Extrapolate back from this element to get the co-ordinates within the document.

N.b.，别这样。

我实现了一个水平/垂直搜索，(首先让一个div充满垂直排列的竖线链接，然后让一个div充满水平排列的竖线链接，然后简单地看看哪个有悬停状态)，就像Tim Down上面的想法，它工作得相当快。遗憾的是，不工作在Chrome 32上的KDE。

jsfiddle.net/5XzeE/4/

编辑2020:这不再工作。看起来是这样，浏览器供应商修补了这个问题。因为大多数浏览器都依赖于chromium，所以它可能位于浏览器的核心。

旧的回答: 您还可以钩子mouseenter(当mousecursor在页面内时，该事件在页面重新加载后触发)。扩展损坏的代码应该做的伎俩:

Var x = null; Var y = null; 文档。addEventListener(' mouemove '， onMouseUpdate, false); 文档。addEventListener('mouseenter'， onMouseUpdate, false); 函数onMouseUpdate(e) { x = e.pageX; y = e.pageY; console.log (x, y); ｝ 函数getMouseX() { 返回x; ｝ 函数getMouseY() { 返回y; ｝

你也可以在mouseleave-event上设置x和y为空。你可以用光标检查用户是否在你的页面上。

你可以尝试一些类似Tim Down建议的东西——但不是为屏幕上的每个像素设置元素，而是只创建2-4个元素(框)，并动态更改它们的位置、宽度和高度，递归地将屏幕上可能的位置除以2-4，从而快速找到鼠标的真实位置。

例如，第一个元素占据屏幕的左右半部分，然后是上下半部分。到目前为止，我们已经知道鼠标位于屏幕的哪四分之一，能够重复—发现这个空间的哪四分之一……

最简单的解决方案，但不是100%准确

$(':hover').last().offset()

结果:{上:148，左:62.5} 结果取决于最近的元素大小，当用户切换选项卡时返回undefined