onmousemove事件如何获取坐标

avatar
作者
猴君
阅读量:5

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!