意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

onmousemove事件如何获取坐标

来源:佚名 编辑:佚名
2024-07-02 14:13:04

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


onmousemove事件如何获取坐标

本网站发布或转载的文章均来自网络,其原创性以及文中表达的观点和判断不代表本网站。
上一篇: onmousemove如何判断鼠标方向 下一篇: borderStyle对于UI设计的意义