取得鼠标所在位置的对象

来源:互联网 发布:南瑞集团 知乎 编辑:程序博客网 时间:2024/05/17 06:04
<HTML>
<HEAD>
<TITLE> 取得鼠标所在位置的对象 </TITLE>
<META NAME="Author" CONTENT="宝玉 [url]http://www.nwpubbs.net[/url]">
</HEAD>
<script language="javascript">
    <!--
function fnGetTable( oEl )
{
 try{
 while( null != oEl && oEl.tagName!="TABLE" )
 {
  oEl = oEl.parentElement;
 }
 return oEl;
 }
 catch(e)
 {
 return null;
 }
}
function pos()
{
 try{
  oElement = document.elementFromPoint(event.x,event.y);
  oElement = fnGetTable(oElement);
  if(oElement.tagName=="TABLE")
  show.innerText=oElement.id;
 }
 catch(e)
 {}
}
// -->
</script>
<BODY onmousemove="pos()">
<table border="1" cellpadding="" cellspacing="" width="" id="table1">
<tr>
<td>table1</td>
</tr>
</table><br /><br />
<table border="1" cellpadding="" cellspacing="" width="" id="table2">
<tr>
<td>table2</td>
</tr>
</table><br /><br />
<table border="1" cellpadding="" cellspacing="" width="" id="table3">
<tr>
<td>table3</td>
</tr>
</table><br /><br />
<table border="1" cellpadding="" cellspacing="" width="" id="table4">
<tr>
<td>table4</td>
</tr>
</table><br /><br />
<table border="1" cellpadding="" cellspacing="" width="" id="table5">
<tr>
<td>table5</td>
</tr>
</table><br /><br />
<table border="1" cellpadding="" cellspacing="" width="" id="table6">
<tr>
<td>table6</td>
</tr>
</table><br /><br />
鼠标当前在:<span id="show"></span>
</BODY>
</HTML>