CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
英特尔®游戏设计大赛100美元现金周周送 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

在一个表格中,如何取得鼠标所在表格的位置?

楼主muiz(用户中文昵称)2003-11-04 14:48:32 在 Web 开发 / JavaScript 提问

在一个表格中,如何取得鼠标所在表格的位置?  
  我是新手,想在一个表格中,鼠标移动到不同的单元格就产生不同的事件,这代码怎么写?谢谢! 问题点数:20、回复次数:13Top

1 楼yingchuang(萤窗)回复于 2003-11-04 14:58:52 得分 3

<TABLE     border=1>  
  <TR   >  
  <TD   onMouseOver="alert('第一行')"   >第一行</TD>  
  </TR>  
  <TR   >  
  <TD   onMouseOver="alert('第二行')">第二行</TD>  
  </TR>  
  <TR   >  
  <TD   onMouseOver="alert('第三行')">第三行</TD>  
  </TR>  
  <TR   >  
  <TD   onMouseOver="alert('第四行')">第四行</TD>  
  </TR>  
  </TABLE>  
  Top

2 楼zhfkiller(杀手)回复于 2003-11-04 15:05:19 得分 1

是相对表格的位置吗?Top

3 楼zhfkiller(杀手)回复于 2003-11-04 15:10:03 得分 4

<HTML>  
  <HEAD>  
  <META   NAME="GENERATOR"   Content="Microsoft   Visual   Studio   6.0">  
  <TITLE></TITLE>  
  </head>  
  <body   onmousemove="window.status   =   'x:'   +   (event.x   -   myTab.offsetTop)   +   '         y:'   +   (event.y   -   myTab.offsetLeft)">  
  <table   id="myTab"   border="1"   width="100%">  
      <tr>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
      </tr>  
      <tr>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
      </tr>  
      <tr>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
          <td   width="25%"> </td>  
      </tr>  
  </table>  
  </BODY>  
  </HTML>  
   
  注意看状态栏Top

4 楼muiz(用户中文昵称)回复于 2003-11-04 15:18:45 得分 0

谢谢yingchuang(萤窗)   ,zhfkiller(杀手)!  
  我的意思如下:  
  <html>  
  <head>  
  <script   language="LiveScript">  
  <!--   Hiding  
            function   hello()   {  
                alert("hello!");  
            }  
  </script>  
  </head>  
  <body>  
  <table>  
  <tr><td>  
  <a   href=""   onClick="hello()">link</a>  
  </td></tr></table>  
  </body>  
  </html>  
  以上代码要点击连接文字“link”才能执行hello()。我想能不能没有link这个文字,就点击单元格中任何一个位置就可以达到点击以上代码中link的效果!  
  再次谢谢!  
  Top

5 楼yuyang2003(于阳)回复于 2003-11-04 15:19:26 得分 3

function   table1_onclick()  
  {  
        if   (event.srcElement.cellIndex==1   && event.srcElement.parentElement.rowIndex==1){  
    }  
    if   (event.srcElement.cellIndex==2   && event.srcElement.parentElement.rowIndex==2){   
    }  
    if   (event.srcElement.cellIndex==3   && event.srcElement.parentElement.rowIndex==3){   
    }  
   
  }Top

6 楼muiz(用户中文昵称)回复于 2003-11-04 15:39:27 得分 0

谢谢yingchuang(萤窗)   ,zhfkiller(杀手)!  
  我的意思如下:  
  <html>  
  <head>  
  <script   language="LiveScript">  
  <!--   Hiding  
            function   hello()   {  
                alert("hello!");  
            }  
  </script>  
  </head>  
  <body>  
  <table>  
  <tr><td>  
  <a   href=""   onClick="hello()">link</a>  
  </td></tr></table>  
  </body>  
  </html>  
  以上代码要点击连接文字“link”才能执行hello()。我想能不能没有link这个文字,就点击单元格中任何一个位置就可以达到点击以上代码中link的效果!  
  再次谢谢!Top

7 楼JK_10000(JK)回复于 2003-11-04 16:34:00 得分 3

<html>  
  <head>  
   
  </head>  
  <body>  
  <table>  
  <tr><td   onClick="hello()"   style="cursor:hand">  
  <a   href="#">link</a>  
  </td></tr></table>  
  </body>Top

8 楼muiz(用户中文昵称)回复于 2003-11-04 22:53:46 得分 0

楼上的好象没有达到我要的效果啊!Top

9 楼gen2(踏雪观月)回复于 2003-11-04 23:37:24 得分 3

oTr.rowIndex  
  oTd.cellIndex  
  oTr和oTd是你获得当前行和列对象Top

10 楼gen2(踏雪观月)回复于 2003-11-04 23:40:39 得分 3

event.offsetX可返回鼠标距离当前单元格的横坐标/event.offsetY  
  oTd.offsetLeft返回当前单元格偏离表格左的边框的距离/oTd.offsetTopTop

11 楼muiz(用户中文昵称)回复于 2003-11-05 09:07:02 得分 0

能不能写段html给我说明一下?包括javascript的功能函数?Top

12 楼muiz(用户中文昵称)回复于 2003-11-05 13:20:03 得分 0

问题还没有解决啊!Top

13 楼yingchuang(萤窗)回复于 2003-11-10 14:51:43 得分 0

<TABLE     border=1>  
  <TR   >  
  <TD   onclick="hello()"   >第一行</TD>  
  </TR>  
  <TR   >  
  <TD   onclick="hello()">第二行</TD>  
  </TR>  
  <TR   >  
  <TD   onclick="hello()">第三行</TD>  
  </TR>  
  <TR   >  
  <TD   onclick="hello()">第四行</TD>  
  </TR>  
  </TABLE>  
  <script   language="LiveScript">  
  <!--   Hiding  
            function   hello()   {  
                alert("hello!");  
            }  
  </script>  
  Top

相关问题

  • C#中如何取得鼠标,所在的窗口的句柄???
  • 请问各位高手,如何取得鼠标所在处的窗口句柄?
  • 如何取得当前鼠标指针所在位置的颜色?
  • 当鼠标指向表格时改变表格的颜色要怎么做?
  • 怎样实现鼠标移到表格,表格背景色就变?
  • 怎样实现鼠标移到表格,表格行背景色就变?
  • 如何感知鼠标在表格中的行
  • 如何知道鼠标放置在表格上是第几行?
  • 鼠标按下,该行表格变色(谢谢)
  • 表格感应鼠标背景变色的问题

关键词

得分解答快速导航

  • 帖主:muiz
  • yingchuang
  • zhfkiller
  • zhfkiller
  • yuyang2003
  • JK_10000
  • gen2
  • gen2

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo