在JavaScript中，你可以通过监听`mousemove`事件来获取当前鼠标（焦点）的坐标。这个事件会在鼠标移动时触发，并可以通过事件对象`event`的`clientX`和`clientY`属性来获取鼠标相对于浏览器窗口的坐标。如果你想要获取鼠标相对于整个页面的坐标（即包括滚动条滚动的部分），可以使用`pageX`和`pageY`属性（但请注意，这些属性在IE8及以下版本中可能不可用，此时可以通过`clientX/Y`加上`scrollX/Y`来计算）。
以下是一个简单的例子，展示了如何在HTML元素上监听`mousemove`事件，并获取并显示鼠标的坐标：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取鼠标坐标</title>
<style>
#coords {
position: fixed;
top: 10px;
left: 10px;
background-color: white;
border: 1px solid black;
padding: 5px;
}
</style>
</head>
<body>
<div id="coords">移动鼠标查看坐标</div>
<script>
document.addEventListener('mousemove', function(event) {
var coordsDiv = document.getElementById('coords');
// 使用pageX和pageY，它们提供了相对于整个文档的坐标
// 如果需要支持旧版IE，可能需要使用clientX/Y加上scrollX/Y来计算
coordsDiv.innerText = '鼠标坐标: (' + event.pageX + ', ' + event.pageY + ')';
});
</script>
</body>
</html>
在这个例子中，我创建了一个`div`元素来显示鼠标的坐标，并通过监听`mousemove`事件来更新这个`div`的内容。事件处理器函数接收一个事件对象`event`，然后使用`event.pageX`和`event.pageY`来获取鼠标的坐标，并将它们显示在`div`中。注意，为了简化示例，这里直接使用了`pageX`和`pageY`属性，它们提供了相对于整个文档的坐标，这在大多数情况下是足够的。然而，如果你需要支持旧版本的IE浏览器，你可能需要使用`clientX`、`clientY`以及`scrollX`、`scrollY`（或`window.pageXOffset`、`window.pageYOffset`）来计算鼠标的坐标。