Js에서 div를 마우스로 이동하는 방법

HTML:

 
     Move_Me

첫 번째:
Js:

        
document.onmousemove = function (ev) {
var odiv= document.getElementById("odiv");
            var oEvent = ev || event;
            document.onmousemove = function (ev) {
                //IE  event，firefox   
                var oEvent = ev || event;

                var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                var navtop = oEvent.clientY + scrollTop;
                var navleft = oEvent.clientX + scrollLeft;
                odiv.style.top = navtop + 'px'; //Y
                odiv.style.left = navleft + 'px';//X
            };
        }
    }

 
두 번째:
Js:

document.onmousemove = function () {
   var odiv= document.getElementById("odiv");
   odiv.style.top = parseInt(window.event.y - 40) + "px"; 
  odiv.style.left = parseInt(window.event.x - 20) + "px";
}

　　
부모 요소의position 포지셔닝과 이동해야 하는div의position 포지셔닝 관계에 주의하십시오.여기 아버지 div는position을 설정하지 않았습니다. 하위 div는position:abusolute를 설정했습니다
 
전재 대상:https://www.cnblogs.com/formybestlife/p/7338282.html