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

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

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

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.，别这样。

如果你渲染2000 x 2000 <a>个元素，@Tim Down的答案是不性能的:

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 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 elements that changes a property (let's say font-family). In your load handler, cycle through each of the 4 million 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. DON'T DO THIS.

但是你不需要一次呈现400万个元素，而是使用二分搜索。只需使用4 <a>元素即可:

第一步:考虑整个屏幕作为开始搜索区域 步骤2:将搜索区域分割成2 × 2 = 4个矩形<a>个元素 步骤3:使用getComputedStyle()函数确定鼠标悬停在哪个矩形中 步骤4:将搜索区域缩小到该矩形，并重复步骤2。

这样你将需要重复这些步骤最多11次，考虑到你的屏幕不超过2048px。

所以你将生成最多11 x 4 = 44 <a>个元素。

如果你不需要确定鼠标位置精确到一个像素，但说10px的精度是可以的。您将重复这些步骤最多8次，因此您将需要绘制最多8 x 4 = 32 <a>个元素。

生成并销毁<a>元素也不能执行，因为DOM通常很慢。相反，您可以重用初始的4 <a>元素，并在循环执行步骤时调整它们的顶部、左侧、宽度和高度。

现在，创建4 <a>也是多余的。相反，您可以在每个矩形中测试getComputedStyle()时重用相同的<a>元素。因此，不需要将搜索区域分割为2 × 2 <a>元素，只需要重复使用一个<a>元素，使用顶部和左侧样式属性移动它。

所以，所有你需要的是一个<a>元素改变它的宽度和高度最多11次，改变它的顶部和左侧最多44次，你就会有准确的鼠标位置。

不是鼠标位置，但是，如果你正在寻找当前光标位置(用例，如获取最后键入的字符等)，那么，下面的代码片段工作良好。 这将为您提供与文本内容相关的游标索引。

window.getSelection().getRangeAt(0).startOffset

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

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

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

您可以为光标的x和y坐标创建变量，每当鼠标移动时更新它们，并在间隔内调用一个函数来对存储的位置执行所需的操作。

当然，这样做的缺点是，至少需要一次初始鼠标移动才能使其工作。只要游标至少更新一次位置，无论它是否再次移动，我们都能够找到它的位置。

var cursor_x = -1;
var cursor_y = -1;
document.onmousemove = function(event)
{
 cursor_x = event.pageX;
 cursor_y = event.pageY;
}
setInterval(check_cursor, 1000);
function check_cursor(){console.log('Cursor at: '+cursor_x+', '+cursor_y);}

上面的代码每秒更新一次，并显示光标所在的位置。