onmousemove事件如何获取坐标 - 问答

可以使用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获取鼠标的坐标位置，并将坐标显示在页面上。

0 赞

0 踩