在一个表格中,如何取得鼠标所在表格的位置?
在一个表格中,如何取得鼠标所在表格的位置?
我是新手,想在一个表格中,鼠标移动到不同的单元格就产生不同的事件,这代码怎么写?谢谢!
问题点数: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




