获取坐标封装 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 使用 ,当出现滚动条的时候 鼠标位置不会出现问题

posted @   mingjixiaohui  阅读(470)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示