JS获取鼠标位置

最新推荐文章于 2024-06-15 19:18:00 发布

原创最新推荐文章于 2024-06-15 19:18:00 发布 · 947 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #null

JS 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的鼠标位置跟踪方法，并通过更新指定div的位置来动态显示鼠标坐标。该技术适用于需要实时反馈鼠标位置的应用场景，如交互式网站设计、游戏开发等。

var mousePos; function mousePosition(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop}; } //显示出一个层，divId:层id；x:右偏移像素；y:下偏移像素； function openDiv(divId,x,y){ if(x==null){x=0;} if(y==null){y=0;} if(document.getElementById(divId)!=null){ var dvs=document.getElementById(divId).style; dvs.left=mousePos.x+x+"px"; dvs.top=mousePos.y+y+"px"; dvs.display="";} } function mouseMove(ev){ ev = ev || window.event; mousePos = mousePosition(ev); } window.document.onmousemove = mouseMove;