【【触发事件定义在table中如何获取鼠标所在表格的行和列】】

Question

<table id="myTable" onMouseOver="do(this);" onMouseOut="do(this);">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
在table中定义的鼠标事件，如何获得鼠标所在行或列的对象？？？

Answer 1

<table id="myTable" >
<tr><td onMouseOver="do(this);" onMouseOut="do(this);"></td></tr>
<tr><td onMouseOver="do(this);" onMouseOut="do(this);"></td></tr>
<tr><td onMouseOver="do(this);" onMouseOut="do(this);"></td></tr>
</table>alert（event.srcElement.parentElement）；//获得行
alert（event.srcElement.parentElement.parentElement）；//获得table

Answer 2

<table id="myTable" onMouseOver="doOver(event);" onMouseOut="doOut(event);">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>  function doOver(e) {
    e = e || window.event;
    var cell = e.srcElement ? e.srcElement : e.target, //单元格对象
         row = cell.parentNode;  //行对象
  }