获取坐标封装 getPos
1 2 3 4 5 6 7 8 9 10 11 12 13 | function getPos(ev) { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; return { x:ev.clientX + scrollLeft , y:ev.clientY + scrollTop}; //返回一个JSON } oDiv.onmousemove = function (ev){ var oEvent = ev || event; //兼容写法 var pos = getPos(oEvent); oDiv.style.left = pos.x+ "px" ; oDiv.style.top = pos.y + "px" ; } |
clientX clientY 配合 scollTop scollLeft 使用 ,当出现滚动条的时候 鼠标位置不会出现问题
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步