在javacript中获取控件坐标
2006-08-24 11:53
288 查看
主要用到offsetTop,offsetLeft(获取控件坐标)。还有offsetHeight,offsetWidth(屏幕的高和宽)
<%...@ Page language="c#" AutoEventWireup="false" Inherits="gr.Test" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>测试</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language=javascript>...
<!--
function getFocus()
...{
var top;
var width;
top = document.all["txt"].offsetTop;
width = document.all["txt"].offsetLeft;
document.all["txtResult"].value = top +","+width;
}
//-->
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
</form>
<table width="100%" height="100%">
<tr>
<td height=100></td>
</tr>
<tr>
<td><input id=txtResult type=text></td>
</tr>
<tr>
<td><input id=txt type=text></td>
</tr>
<tr>
<td><input id=bt type=button onclick="getFocus()" value=获取></td>
</tr>
</table>
</body>
</HTML>
<%...@ Page language="c#" AutoEventWireup="false" Inherits="gr.Test" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>测试</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language=javascript>...
<!--
function getFocus()
...{
var top;
var width;
top = document.all["txt"].offsetTop;
width = document.all["txt"].offsetLeft;
document.all["txtResult"].value = top +","+width;
}
//-->
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
</form>
<table width="100%" height="100%">
<tr>
<td height=100></td>
</tr>
<tr>
<td><input id=txtResult type=text></td>
</tr>
<tr>
<td><input id=txt type=text></td>
</tr>
<tr>
<td><input id=bt type=button onclick="getFocus()" value=获取></td>
</tr>
</table>
</body>
</HTML>
相关文章推荐
- 在javacript中获取控件坐标
- Android获取控件坐标为0的原因及取得控件位置和两控件距离的方法
- android 获取控件在屏幕中的位置(坐标)
- 如何获取控件在窗体上的位置坐标和大小值
- c# winform WebBrower 控件中右键获取控件坐标
- Android 根据坐标获取控件方法
- VC 获取控件在对话框中的坐标
- 获取鼠标点击处的控件并获取其坐标(对控制控件和绘制控件都很实用)
- Ios基本控件 坐标获取 ,一般就有以下几种情况
- java或者其他语言使用百度地图获取坐标出现app禁用情况的解决方案
- 获取鼠标在Picture控件中的坐标,并显示到对话框的状态栏中
- java script 获取对象坐标
- MFC 获取picture控件的鼠标点击坐标位置的方法(PreTranslateMessag)
- 补5-22博客 获取点击坐标并将控件移动到点击位置
- android 获取控件坐标/位置不显示问题
- 获取有关控件的坐标
- asp.net 在后台给前台的控件设置Style属性与坐标,后台设置CSS样式,后台获取前台控件坐标
- VC 如何获取对话框中控件的坐标
- 获取鼠标点击处的控件并获取其坐标
- VC如何获取对话框中控件的坐标