js を使用してドラッグ アンド ドロップ効果を達成する_javascript スキル

window.onload = function (){
// 要素と初期値を取得します
var oBox = document.getElementById('box'),
disX = 0、disY = 0;
//コンテナのマウスプレスイベント
oBox.onmousedown = function (e){
var e = e || window.event;
disX = e.clientX - this.offsetLeft;
disY = e.clientY - this.offsetTop;
document.onmousemove = function (e){
var e = e || window.event;
oBox.style.left = (e.clientX - disX) 'px';
oBox.style.top = (e.clientY - disY) 'px';
};
document.onmouseup = function (){
document.onmousemove = null;
document.onmouseup = null;
};
return false;
};
};

window.onload = function (){
varrag = new Drag('box');
Drag.init();
};
//コンストラクタードラッグ
関数ドラッグ(id){
This.obj = document.getElementById(id);
This.disX = 0;
This.disY = 0;
}
Drag.prototype.init = function (){
// このポインタ
var me = this;
This.obj.onmousedown = function (e){
var e = e || イベント;
me.mouseDown(e);
//デフォルトイベントをブロック
return false;
};
};
Drag.prototype.mouseDown = function (e){
// このポインタ
var me = this;
This.disX = e.clientX - this.obj.offsetLeft;
this.disY = e.clientY - this.obj.offsetTop;
Document.onmousemove = function (e){
var e = e || window.event;
me.mouseMove(e);
};
Document.onmouseup = function (){
me.mouseUp();
}
};
Drag.prototype.mouseMove = function (e){
This.obj.style.left = (e.clientX - this.disX) 'px';
This.obj.style.top = (e.clientY - this.disY) 'px';
};
Drag.prototype.mouseUp = function (){
Document.onmousemove = null;
Document.onmouseup = null;
};

//コンストラクタードラッグ
関数ドラッグ(id){
This.obj = document.getElementById(id);
This.disX = 0;
This.disY = 0;
}

Drag.prototype.init = function (){
};
Drag.prototype.mouseDown = function (){
};
Drag.prototype.mouseMove = function (){
};
Drag.prototype.mouseUp = function (){
};

Drag.prototype.init = function (){
// このポインタ
var me = this;
This.obj.onmousedown = function (e){
var e = e || イベント;
me.mouseDown(e);
//デフォルトイベントをブロック
return false;
};
};

Drag.prototype.mouseDown = function (e){
// このポインタ
var me = this;
This.disX = e.clientX - this.obj.offsetLeft;
this.disY = e.clientY - this.obj.offsetTop;
Document.onmousemove = function (e){
var e = e || window.event;
me.mouseMove(e);
};
Document.onmouseup = function (){
me.mouseUp();
}
};