js实现控件的拖拽功能

var width = 0;
var mX;
function msDown(obj) {
obj.mouseDownX = 1;
obj.setCapture();
mX = event.clientX;
var obj = document.getElementById("mainTable");
width = obj.cells[0].style.width;
width2 = obj.cells[2].style.width;
}
function msMove(obj) {
var editBtn = document.getElementById("id.edit");
if(editBtn!=null&&editBtn!=undefined&&editBtn.disabled==true){
//editBtn.disabled==true Treemenu
return false;
}
if (!obj.mouseDownX)
return false;
var moveX = event.clientX;
var obj = document.getElementById("mainTable");
var colWidth1 = parseInt(width) - (mX * 1 - moveX * 1) * 1;
var colWidth2 = parseInt(width2) + (mX * 1 - moveX * 1) * 1;
if (colWidth1 >= 0 && colWidth2 >= 0) {
obj.cells[0].style.width = colWidth1;
obj.cells[2].style.width = colWidth2;
}
}
function msUp(obj) {
obj.releaseCapture();
obj.mouseDownX = 0;
}
function setTabCW() {
setTimeout("setTabOnload()",10);
}
function setTabOnload(){
var obj = document.getElementById("mainTable");
var tabWidth = obj.clientWidth;
obj.cells[0].style.width = (parseInt(tabWidth) -2) * 0.23;
obj.cells[2].style.width = (parseInt(tabWidth) -2) * 0.77;
}