用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需刷新才能执行]
上一个：Javascript - HTML的request类
下一个：Javascript与vbscript数据共享
更多图片编程知识: