<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>関数ドラッグ(dv ){ <BR>dv.onmousedown=function(e){ <BR>var d=document; <BR>var x= e.layerX || e. offsetX; <BR>var y= e.layerY || <BR>//キャプチャ範囲を設定します<BR>if(dv.setCapture){ <BR>dv.setCapture(); if(window.captureEvents){ <BR>window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP); <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 ty =e.pageY-y; <BR>dv.style.left=tx; <BR>d.onmouseup=function(); 🎜>// キャプチャ スコープをキャンセルします <BR>if(dv.releaseCapture){ <BR>dv.releaseCapture(); <BR>}else if(window.captureEvents){ <BR>window.captureEvents(Event.MOUSEMOVE|Event .MOUSEUP); <BR>} <BR> // イベントをクリアします <BR>d.onmouseup=null; <BR>}; //-- > <br></script> <br><div id="drag" style="position:absolute;left:12px;top:24px;width:100;height:150;border: 1px ソリッド #000000 ;z-index:1;background:#eeeeee">drag me</div> <br><br> <br>setCapture は、オブジェクトのメソッドがトリガーされる範囲またはスコープを設定することを意味します。 <br>設定されていない場合、div は現在のウィンドウ内でのみトリガーされます。設定すると、ブラウザ全体内でトリガーされます。つまり、ブラウザの外にドラッグできます。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
