この記事の例では、JS CSS を使用してドラッグ可能なポップアップ プロンプト ボックスを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。
<頭>
JS CSS によって作成されたドラッグ可能なポップアップ プロンプト ボックス
<スクリプト言語="javascript">
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove
関数 MDown(オブジェクト){
Obj=オブジェクト.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}
関数 MMove(){
if(Obj!=''){
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}
関数 MUp(){
if(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';
}
}
<体>
