onmousemove 的问题

我用js写了两个table 
现在我想把右边table里的一行拖拉到左边table， 
然后删除右边table里的一行，插入到左边。 
问题是：在右边table上把一行移动到左边上时，左边的onmousemove不起作用，没反映。 
好像是table上的onmousemove没释放，到左边不起作用， <HTML>
 <HEAD>
 <script>
var t,t2;
 function toOnload(){
   t=new Table1();
   t2=new Table2();
 }
 function Table1 (){
var tableBox=document.getElementById("tableBox");
var table=document.createElement("<table cellPadding = 0 width=200 cellSpacing = 0 border = 1>");
var elRow=table.insertRow();
var elCell=elRow.insertCell();
elCell.innerText="000000000000000000"; 
tableBox.appendChild(table); elRow.onmousemove=function(){
 if(t2.dragFlag){//如果table2拖拉开始
 alert("onmousemove起作用了");
 //...table.insertRow();
 }
};
elRow.onmouseup=function(){};
 }
 function Table2 (){
var dragFlag=false,dragRowDownFlag=false;
var tableBox=document.getElementById("tableBox2");
var table=document.createElement("<table cellPadding = 0  width=200 cellSpacing = 0 border = 1>");
var elRow=table.insertRow();
var elCell=elRow.insertCell();
elCell.innerText="111111111111111111"; 
tableBox.appendChild(table);
elRow.onmousedown=function(){
   dragRowDownFlag=true
};
elRow.onmousemove=function(){
if(dragRowDownFlag){
dragFlag=true;
}
};
elRow.onmouseup=function(){};
 }
 </script>
 </HEAD> <BODY onload='toOnload()'>
  <div id=tableBox   style='position:absolute; top:50px;
  BORDER: #cecece 1px solid;left:20px;width:300px;height:200px'></div>
  <div id=tableBox2  style='position:absolute; top:50px;
  BORDER: #cecece 1px solid;left:325px;width:300px;height:200px'>把这里的行拖拉到左边</div>
 </BODY>
</HTML>