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(){
}