拖放

拖放（Drag 和 drop）

抓取對象之後拖到另外一個位置。

一、設置元素爲可拖放，即脫離文本流。 好比，設置position

二、拖動什麼 onmousedown，鼠標按下時觸發某元素的函數

三、放到何處 onmousemove，某元素跟着鼠標移動

四、釋放 鼠標移出和彈起時釋放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;
        }
    };