获取表格单元格的坐标

2008-10-08 16:23:00 | 【
单击获取单元格位置 单击获取单元格位置 单击获取单元格位置 单击获取单元格位置
单击获取单元格位置 单击获取单元格位置 单击获取单元格位置 单击获取单元格位置
单击获取单元格位置 单击获取单元格位置 单击获取单元格位置 单击获取单元格位置

在表格单元格内点击鼠标,就可以获取该单元格所在的坐标,好像没有什么用处

查看全部代码 View Code

第一步:
在<head>区添加以下代码

<script language="javascript">

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序,请保留此声明
         * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
         ******************************************************/
    
<!--
function getXY(Obj) 
{
for (var sumTop=0,sumLeft=0;Obj!=document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent);
return {left:sumLeft,top:sumTop}
}
function getCellPos()
{
var pos = getXY(event.srcElement);
alert("left:"+pos.left+"|top:"+pos.top)
}
// -->
</script>


第二步:
在<body>区添加以下代码
<table border="" cellpadding="" cellspacing="" width="" onclick="getCellPos()">
<tr>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
</tr>
<tr>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
</tr>
<tr>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
<td>单击获取单元格位置</td>
</tr>
</table>

下载"获取表格单元格的坐标"

  • 本地下载
  • 本地下载2

相关资源