在IE和FF下能用的，获取按钮在网页中的绝对位置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>获取控件在网页中的绝对位置</title>
</head>
<body>
<div>如果您没有看到按钮，请往下拉到滚动条。</div>
<div style="height:500px;border:1px solid #6666CC;"> </div>
------------<input type="button" value="点我获取我的座标"
onclick="javascript:var pos = getCoordinate();alert('此按钮距页面左端 '+pos.x+' 像素，上端 '+pos.y+' 像素');" />
<script type="text/javascript" language="javascript">
function CPos(x, y)
{
this.x = x;
this.y = y;
}
// 取得事件（通用）
function $EVENTObject()
{
if(window.event) return window.event;
var f=$EVENTObject.caller;
while(f!=null)
{
var e = f.arguments[0];
if(e && (e.constructor==MouseEvent||e.constructor==Event||e.constructor==KeyboardEvent)) return e;
f=f.caller;
}
}
//取得触发本事件的元素（通用）
function getElement()
{
var _enent=$EVENTObject();
if(window.event)
{
return _enent.srcElement; //是IE
}else{
return _enent.target; //是FF
}
}
//取得 调用本方法的按钮 距离页面最上端和最左端的位置
function getCoordinate()
{
var target =getElement();
var pos = new CPos(target.offsetLeft, target.offsetTop);
var target = target.offsetParent;
while (target)
{
pos.x += target.offsetLeft;
pos.y += target.offsetTop;
target = target.offsetParent
}
return pos;
}
</script>
</body>
</html>
分享到：
相关推荐
在使用jquery的过程中，想取得当前点击input的绝对位置而去显示一个div，jquery本身提供offset和position这个两个方法，但position官方解释是relative to the offset parent，可以看到是针对父结点的，而offset官方...
//引号中为网页代码存放地址，注意要用相对地址不用绝对地址，这样才有可移植性，把网页放到程序的debug目录下，这样就可以实现在vs中直接对网页代码进行修改webBrowser1.ObjectForScripting = this;
有时我们只需要在自己网页中加入个扫一扫并且获取结果的小小功能就行，然而微信开发门槛太高，需要公众号需要交300块认证，然后域名还要备案，公众号后台需要各种配置，需要调用微信开发各个接口，最后可能并不会...
76 <br>0111 计算字符串中子字符串出现的次数 76 <br>0112 获得字符串中大写字母的个数 77 <br>0113 获得某字符在字符串中最后出现的位置 78 <br>0114 如何找出字符串中某一字符的所有位置 78...
有时我们只需要在自己网页中加入个扫一扫并且获取结果的小小功能就行，然而微信开发门槛太高，需要公众号需要交300块认证，然后域名还要备案，公众号后台需要各种配置，需要调用微信开发各个接口，最后可能并不会...
在Asp.net中如何用SQLDMO来获取SQL Server中的对象信息 使用Relations建立表之间的关系并却使用PagedDataSource类对DataList进行分页 通过作业,定时同步两个数据库 SQLSERVER高级注入技巧 利用反射实现ASP.NET控件和...
2.7 取得控件的绝对位置 2.8 删除时的确认提示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果...
2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页...
实例040： 使用自定义控件在屏幕中绘 制一条虚线 104 实例041： 在屏幕中实现手风琴效果 106 第3章 自动化服务实例集锦 109 实例042： 自动获取手机屏幕的分辨率 109 实例043： 自动获取手机电池的剩余电量 112 ...
1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 提示文本的隐藏与显示 1.23 实现文字闪烁效果 1.24 实现文字动画...
49. 在JSP中调用ActiveX控件? 50. 使用SmartUpload实现文件上传? 51. 使用iReport和Jasperreport开发报表? 52. 使用iText生成PDF？ 53. 制作图片水印？ 54. 在页面中屏蔽键盘功能键？ 55. 禁止用户复制网页内容？ 56...
演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 ado,dao,odbc数据库连接vc代码 演示了不同的...
演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 ado,dao,odbc数据库连接vc代码 演示了不同的...
演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 ado,dao,odbc数据库连接vc代码 演示了不同的...
演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 ado,dao,odbc数据库连接vc代码 演示了不同的...
演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 ado,dao,odbc数据库连接vc代码 演示了不同的...
在JSP中调用ActiveX控件? 50. 使用SmartUpload实现文件上传? 51. 使用iReport和Jasperreport开发报表? 52. 使用iText生成PDF？ 53. 制作图片水印？ 54. 在页面中屏蔽键盘功能键？ 55. 禁止用户...
让你短时间内由一名菜鸟到高手绝对没问题! 由于权限有限,分3部份下载 PHP程序开发范例宝典 内容提要 《PHP程序开发范例宝典》全面介绍了应用PHP进行网站开发的各种技术和技巧。《PHP程序开发范例宝典》分为20章...
参数 控件位置, 整数型, , 。注明：-1=倒数第一子控件句柄,-2=倒数第二子控件,0与1=取该窗口第一个子控件句柄,2=第二个,3=第三个,以此类推。找不到的话试试-值 .子程序 取窗口下Z级所有控件和窗口句柄, 整数型, ...
17.10 在网页中添加带控件的单个音频文件 359 17.11 自动播放、循环和预加载音频 360 17.12 提供带备用内容的多个视频源 361 17.13 添加具有备用Flash的视频和音频 362 17.14 高级多媒体 366 17.15 ...