<html>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="div1" style="position:absolute;border:10px solid red;cursor:default;top:20px;left:200px;width:100px;height:100px" onmousedown="mdown()" ></div>
<select id="sel" style="position:absolute;width:50px;top:20px;left:20px">
</select>
<script>
var mobj;//被拖动的对象
var mx;//在拖动开始时的x坐标的偏移量
var my;
function mdown()//鼠标按下
{
mobj=event.srcElement;
//mobj.setCapture(); //这里设置是否需要捕捉事件
mx=event.clientX-mobj.offsetLeft;
my=event.clientY-mobj.offsetTop;
mobj.onmousemove=mmove;
mobj.onmouseup=mup;
}
function mmove()//鼠标移动
{
mobj.style.pixelTop=event.clientY-my;
mobj.style.pixelLeft=event.clientX-mx;
}
function mup()//鼠标弹起
{
mobj.onmousemove=null;
//mobj.releaseCapture();//释放鼠标
}
</script>
</body>
</html>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="div1" style="position:absolute;border:10px solid red;cursor:default;top:20px;left:200px;width:100px;height:100px" onmousedown="mdown()" ></div>
<select id="sel" style="position:absolute;width:50px;top:20px;left:20px">
</select>
<script>
var mobj;//被拖动的对象
var mx;//在拖动开始时的x坐标的偏移量
var my;
function mdown()//鼠标按下
{
mobj=event.srcElement;
//mobj.setCapture(); //这里设置是否需要捕捉事件
mx=event.clientX-mobj.offsetLeft;
my=event.clientY-mobj.offsetTop;
mobj.onmousemove=mmove;
mobj.onmouseup=mup;
}
function mmove()//鼠标移动
{
mobj.style.pixelTop=event.clientY-my;
mobj.style.pixelLeft=event.clientX-mx;
}
function mup()//鼠标弹起
{
mobj.onmousemove=null;
//mobj.releaseCapture();//释放鼠标
}
</script>
</body>
</html>
