拖拽的面向对象的实现及问题解决

1、实现过程

拖拽的面向对象实现和面向过程实现的基本方法是一样的，只是采用的是两种不同的思路，一个是面向对象的思路，一种是面向过程，根据面向对象思路的实现，我们首先定义一个对象的构造函数,并给他传入一个参数：

function Drag(boxId){

}

定义好构造函数之后，我们需要寻找对象所具有的属性，方法，属性在构造函数里面定义，方法在构造函数的原型上定义：

function Drag(boxId){
   //  被拖拽的物体包含宽、高、背景色等属性，这些属性都是包含在这个对象元素里面的，这里定义一个elem属性指向对象元素
      this.elem = document,getElementById(boxId);
}
Drag,prototype.start = function(){

}
Drag,prototype.move = function(){

}
Drag,prototype.stop = function(){

}