< ; /div>
<script> <br>var bb = document.getElementById("block") <br>bb.onmousedown = function(){ <br>//마우스의 현재 좌표 가져오기<br>var pageX = event.clientX; <br>var pageY = event.clientY; <br>//블록의 좌표, 왼쪽 테두리 및 위쪽 테두리 가져오기<br>var offX =parseInt(this.style.left) ||0 >var offY = parsInt(this.style.top)||0; <br>//마우스 좌표와 블록 좌표 사이의 거리를 계산합니다.<br>var offLX = pageX-offX; >var offLY = pageY-offY ; <br>if(!document.onmousemove){ <br>document.onmousemove = function(){ <br>bb.style.left=event.clientX-offLX; 블록 좌표 <br>bb.style.top=event.clientY-offLY; //블록의 Y 좌표 설정 <br>} <br>} <br>} <br>document.onmouseup = function(){ document.onmousemove = null;} //마우스 바운스<br></script>