1、實(shí)現(xiàn)過程

拖拽的面向?qū)ο髮?shí)現(xiàn)和面向過程實(shí)現(xiàn)的基本方法是一樣的，只是采用的是兩種不同的思路，一個是面向?qū)ο蟮乃悸罚环N是面向過程，根據(jù)面向?qū)ο笏悸返膶?shí)現(xiàn)，我們首先定義一個對象的構(gòu)造函數(shù),并給他傳入一個參數(shù)：

function Drag(boxId){

}

定義好構(gòu)造函數(shù)之后，我們需要尋找對象所具有的屬性，方法，屬性在構(gòu)造函數(shù)里面定義，方法在構(gòu)造函數(shù)的原型上定義：

function Drag(boxId){
   //  被拖拽的物體包含寬、高、背景色等屬性，這些屬性都是包含在這個對象元素里面的，這里定義一個elem屬性指向?qū)ο笤?      this.elem = document,getElementById(boxId);
}
Drag,prototype.start = function(){

}
Drag,prototype.move = function(){

}
Drag,prototype.stop = function(){

}