onmousemove事件如何获取坐标

   2024-10-07 8620
核心提示:可以使用event对象中的clientX和clientY属性来获取鼠标在页面中的坐标位置。示例代码如下:!DOCTYPE htmlhtmlheadtitle获取鼠标

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

 
举报打赏
 
更多>同类维修大全
推荐图文
推荐维修大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号