拖放

拖放（Drag 和 drop）

抓取对象以后拖到另一个位置。

1、设置元素为可拖放，即脱离文本流。 比如，设置position

2、拖动什么 onmousedown，鼠标按下时触发某元素的函数

3、放到何处 onmousemove，某元素跟着鼠标移动

4、释放 鼠标移出和弹起时释放onmousemove，是元素定位。

完整代码：

    var tuofang=document.getElementById("tuofang");
          //鼠标按下
    tuofang.onmousedown=function (e){
    var ev=e||window.event;
    var cliX=ev.clientX-tuofang.offsetLeft;//让鼠标在div之上
    var cliY=ev.clientY-tuofang.offsetTop;
          //鼠标移动
    tuofang.onmousemove=function(e){
        var ev=e||window.event;
        tuofang.style.left=ev.clientX-cliX+"px";//鼠标移动，跟着动
        tuofang.style.top=ev.clientY-cliY+"px";
        };
          //鼠标弹起
    tuofang.onmouseup=function(){
        tuofang.onmousemove=null;
        };
          //鼠标移开
    tuofang.onmouseout= function () {
        tuofang.onmousemove=null;
        }
    };