首页 > 网络编程 > JavaScript > javascript技巧 > 用js取得鼠标所在位置的对象 2007-01-10 00:00:00 作者： 用js取得鼠标所在位置的对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <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> <table border="1" cellpadding="" cellspacing="" width="" id="table2"> <tr> <td>table2</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table3"> <tr> <td>table3</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table4"> <tr> <td>table4</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table5"> <tr> <td>table5</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table6"> <tr> <td>table6</td> </tr> </table> 鼠标当前在：<span id="show"></span> </BODY> </HTML> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
