管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

用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> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0A%20%20%20%20%3C!--%20%0D%0A%20%20%20%20function%20fnGetTable(%20oEl%20)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20try%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20while(%20null%20!%3D%20oEl%20%26%26%20oEl.tagName!%3D%22TABLE%22%20)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20oEl%20%3D%20oEl.parentElement%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20oEl%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20catch(e)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20null%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20function%20pos()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20try%7B%20%0D%0A%20%20%20%20%20%20%20%20oElement%20%3D%20document.elementFromPoint(event.x%2Cevent.y)%3B%20%0D%0A%20%20%20%20%20%20%20%20oElement%20%3D%20fnGetTable(oElement)%3B%20%0D%0A%20%20%20%20%20%20%20%20if(oElement.tagName%3D%3D%22TABLE%22)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20show.innerText%3DoElement.id%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20catch(e)%20%0D%0A%20%20%20%20%20%20%20%20%7B%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%2F%2F%20--%3E%20%0D%0A%3C%2Fscript%3E"> 
<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需刷新才能执行]

教程首页更多教程