<title>JS ドラッグエフェクト</title> <div style="position:absolute; width:200px; height:150px; left:100px; top:300px; background-color:Maroon;"> <div style="background-color:Red;" onmousedown="DragPanel(this.parentNode,event)"> </div>ドラッグしてください</div> [Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]<!-- function DragPanel(Panel,event) { var delayX=event.clientX-parseInt(Panel.style.left); var delayY=event.clientY-parseInt(Panel.style.top); document.attachEvent("onmousemove",HandleMove); document.attachEvent("onmouseup",HandleUp); event.cancelBubble=true; event.returnValue=false; function HandleMove(e) { e=window.event; Panel.style.left=event.clientX-delayX+"px"; Panel.style.top=event.clientY-delayY+"px"; event.cancelBubble=true; } function HandleUp() { document.detachEvent("onmousemove",HandleMove); document.detachEvent("onmouseup",HandleUp); } event.cancelBubble=true; } // -->
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
