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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！