<div class="codetitle"> <span><a style="CURSOR: pointer" data="2912" class="copybut" id="copybut2912" onclick="doCopy('code2912')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code2912"> <br><script type="text/javascript"> <br> <!-- <BR>window.onload=function(){ <BR>objDiv = document.getElementById('drag') <BR>drag(objDiv) <BR>}; drag(dv ){ <BR>dv.onmousedown=function(e){ <BR>var d=document; <BR>e = e || window.event; <BR>var x= e.layerX || offsetX; <BR>var y= e.layerY || e.offsetY; <BR>//캡처 범위 설정<BR>if(dv.setCapture){ <BR>dv.setCapture(); if(window.captureEvents){ <BR>window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP) <BR>} <BR>d.onmousemove=function(e){ <BR>e= e || ; <BR> if(!e.pageX)e.pageX=e.clientX; <BR>if(!e.pageY)e.pageY=e.clientY <BR>var tx=e.pageX-x; 🎜>var ty =e.pageY-y; <BR>dv.style.left=tx; <BR>dv.style.top=ty <BR>}; 🎜>// 캡처 범위 취소 <BR>if(dv.releaseCapture){ <BR>dv.releaseCapture() <BR>}else if(window.captureEvents){ <BR>window.captureEvents(Event.MOUSEMOVE|Event .MOUSEUP); <BR>//이벤트 지우기 <BR>d.onmouseup=null; <BR>} <BR> //-- > <br></script> <br><div id="drag" style="position:absolute;left:12px;top:24px;width:100;height:150;border: 1px solid #000000 ;z-index:1; background:#eeeeee">drag me</div> <br><br> <br>setCapture는 객체의 메서드가 트리거되는 범위 또는 범위를 설정하는 것을 의미합니다. . <br>설정하지 않으면 div는 현재 창 내에서만 실행됩니다. 설정하면 전체 브라우저 내에서 트리거됩니다. 즉, 브라우저 외부로 드래그할 수 있습니다.</div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
