文本框的拖放

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>拖放文本框</title>
</head>
<body>
<script>
var ms=0;
function did(obj){
ms=obj;
event.srcElement.setCapture();
x=document.all(ms).style.pixelLeft-event.x;
y=document.all(ms).style.pixelTop-event.y;
}function document.onmousemove(){
if(ms){
document.all(ms).style.pixelLeft=x+event.x;
document.all(ms).style.pixelTop=y+event.y;
}
}function document.onmouseup(){
if(ms){
event.srcElement.releaseCapture();
ms=0;
}
}
</script>
<div id=a1 style=position:absolute>
<div id=a2 onmousedown=did('a1') style="width:0;height:0"><input onclick=focus()><br><input onclick=focus()></div>
</div>
</body>
</html>