可以使用event對象中的clientX和clientY屬性來獲取鼠標在頁面中的坐標位置。示例代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>獲取鼠標坐標</title>
<script>
function showCoords(event) {
var x = event.clientX;
var y = event.clientY;
document.getElementById("coords").innerHTML = "鼠標坐標:(" + x + ", " + y + ")";
}
</script>
</head>
<body onmousemove="showCoords(event)">
<p id="coords"></p>
</body>
</html>
在上面的示例中,onmousemove事件會觸發showCoords函數,并將event對象傳遞給該函數。showCoords函數中通過event.clientX和event.clientY獲取鼠標的坐標位置,并將坐標顯示在頁面上。