zoukankan      html  css  js  c++  java
  • 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;//parentNode也行
       }
       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>
    人的一生应该这样度过:当他回首往事的时候,不会因为虚度年华而悔恨,也不会因为碌碌无为而羞愧。
  • 相关阅读:
    菜根谭#39
    菜根谭#38
    菜根谭#37
    菜根谭#36
    菜根谭#35
    菜根谭#34
    菜根谭#33
    菜根谭#32
    mysqli的使用
    mysql常用修改创建语句
  • 原文地址:https://www.cnblogs.com/htht66/p/913382.html
Copyright © 2011-2022 走看看