给<td>添加事件

Question

<table border=1 width=50% ID="Table1">
<tr>
<td id="d1"  align="center">1</td>
<td id="d2"  align="center">2</td>
<td id="d3" ALIGN="center">3</td>
<td id="d4" align="center">4</td>
<td id="d5" align="center">5</td>
<td id="d6"  ALIGN="center">6</td>
</tr>
</table>
<script>
for(var i=1;i<=6;i++)
{
eval("d"+i).attachEvent("onmousemove",Fclick);}
function Fclick()
{
alert(event.srcElement.id);
}
</script>

Answer 1

<table border=1 width=50% ID="Table1">
<tr>
<td  align="center">1</td>
<td  align="center">2</td>
<td ALIGN="center">3</td>
<td  align="center">4</td>
<td align="center">5</td>
<td  ALIGN="center">6</td>
</tr>
</table>
<script>
var td=Table1.rows[0].childNodes;
var len = td.length;for(var i=0;i<len;i++)
{
td[i].attachEvent("onmousemove",fMove);}
function fMove()
{
alert(event.srcElement.innerHTML);
}
</script>

Answer 2

上面是用Dom做的，适用于TD没有ID的情况

Answer 3

不错这个attachEvent方法我还没有用过

Answer 4

后台也可以做,把每个<TD>变成sever的做为服务器端运行,在后台加入me.td.Attributes.add("onmousemove","return js函数名();")