请教各位一个 js 动态生成生成行后上下移行的问题 O(∩_∩)O谢谢

动态生成行的input里面有个鼠标单击事件，我想上移或下移后事件跟随移动的行一起改变到移动的位置。
昨天研究了很长时间，思路都没有通过。谁给个好的方法呢 ？？O(∩_∩)O谢谢。别人贴的代码怎么都带个规矩的代码格式呢？我的怎么没有呢？

这个是上移行的代码：
//上移行
function upTableRow(rowNum)
{
if(parseInt(rowNum,10)==1)
{
alert("已经是第一行，不能执行上移操作！");
return;
}
var rowUp;//上一行临时对象
var rowDn;//下一行临时对象（要移动行）
var temp="";//临时变量
var rows = table1.rows;
var cells = rows[rowNum].cells;
//更改移动的上下两行值（更改行内容）
//类型
rowUp=eval("div_"+(parseInt(rowNum,10)-1));
rowDn=eval("div_"+rowNum);
temp=rowUp.innerHTML;
rowUp.innerHTML=rowDn.innerHTML;
rowDn.innerHTML=temp;

rowUp=eval("document.form1.type"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.type"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;
//内容
rowUp=eval("document.form1.input"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.input"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;
rowUp=document.creareElement("<input type='text' name='input"+(parseInt(rowNum,10)-1)+"' size='30' onclick='insertTest(\""+(parseInt(rowNum,10)-1)+"\",this)' readonly>");
//table1.rows[rowNum].cells[1].outerHTML="<td height='20' bgcolor='#FFFFFF' class='STYLE19'><input type='text' name='input"+(parseInt(rowNum,10)-1)+"' size='30' onclick='insertTest(\""+(parseInt(rowNum,10)-1)+"\",this)' readonly></td>";

//时间
rowUp=eval("document.form1.time"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.time"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;

//大小
rowUp=eval("document.form1.size"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.size"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;
}