随笔 - 315  文章 - 1  评论 - 12  阅读 - 24万

js获取鼠标位置

复制代码
<h3>您的鼠标已经被跟踪</h3>
<p> X 轴坐标:<span id="x"></span></p>
<p> Y 轴坐标:<span id="y"></span></p>

function mousePosition(ev){
        if(ev.pageX || ev.pageY){//firefox、chrome等浏览器
            return {x:ev.pageX,y:ev.pageY};
        }
        return {// IE浏览器
            x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
            y:ev.clientY + document.body.scrollTop - document.body.clientTop
        };
    }
function mouseMove(ev){
        ev = ev || window.event;
        var mousePos = mousePosition(ev);
        document.getElementById('x').innerHTML = mousePos.x;
        document.getElementById('y').innerHTML = mousePos.y;
}

document.onmousemove = mouseMove;

复制代码

 

posted on   小虾米吖~  阅读(525)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」

点击右上角即可分享
微信分享提示