编程开发论坛 - Powered by Discuz! Board

标题: 如何得到某元素的坐標 [打印本页]

作者: bandiangou2005 时间: 2006-3-17 17:02 标题: 如何得到某元素的坐標

比如一個單元格，一個按鈕，一張圖片，一段文字等等
假設我已為上述元素定義了ID
比如
<td  id="t1"></td>
<img  id="i1"  src="...">
<input  type="text"  id="x1">
<span  id="s1">test...</span>
....
如何得到他們的坐標呢（我指的是左上角的X與Y值就行了）
先謝謝了~~~

作者: yanzhizhouyu 时间: 2006-3-17 17:03

<script  language="Javascript">
function  getIE(e)
{
   var  t=e.offsetTop;
   var  l=e.offsetLeft;
   while(e=e.offsetParent)
   {
         t+=e.offsetTop;
         l+=e.offsetLeft;
   }
   alert("top="+t+"\nleft="+l);
}
</script>

<body><input  type=button  onclick="getIE(this)">

作者: 微星 时间: 2006-3-17 17:03

<html>
<head>
<title>IE与NS都支持的实时读取鼠标位置的例子</title>
<meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312">
<meta  content="F.R.Huang(meizz梅花雨)//www.meizz.com"  name="author">
</head>
<body  bgcolor="#fef4d9"  onmousemove="microsoftMouseMove()">
<form  name="form1">
X:  <input  type="text"  name="x"  size="4"><br>
Y:  <input  type="text"  name="y"  size="4">
</form>

<SCRIPT  LANGUAGE="JavaScript">
if  (navigator.appname  ==  'Netscape')
{
   document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove  =  netscapeMouseMove;
}
function  netscapeMouseMove(e)
{
   if  (e.screenX  !=  document.form1.x.value  &&  e.screenY  !=  document.form1.y.value)
   {
         document.form1.x.value  =  e.screenX;
         document.form1.y.value  =  e.screenY;
   }
}
function  microsoftMouseMove()
{
   if  (window.event.x  !=  document.form1.x.value  &&  window.event.y  !=  document.form1.y.value)
   {
         document.form1.x.value  =  window.event.x;
         document.form1.y.value  =  window.event.y;
   }
}
</SCRIPT>
</body></html>

欢迎光临编程开发论坛 (http://bbs.lihuasoft.net/)