获取HTML控件当前的真实坐标。
2008-06-03 09:15
417 查看
最近在做智能下拉菜单时,需要获取当前输入框的真实坐标,使菜单能够准确定位. 这类的代码很多,但基本上都忽略了对document.body滚动条和父控件包含滚动条的的处理. 以下代码能够很准确的获取这个控件的真实坐标.
var _left = parseInt(_object.offsetLeft, 10); var _top = parseInt(_object.offsetTop, 10); while(_object = _object.offsetParent) { _left += parseInt(_object.offsetLeft, 10); _top += parseInt(_object.offsetTop, 10); if(_object != document.body) { _left -= parseInt(_object.scrollLeft, 10); _top -= parseInt(_object.scrollTop, 10); } }
相关文章推荐
- js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval
- js 获取html 控件坐标
- js 获取html 控件坐标
- asp.net服务端代码如何获取客户端控件的值(HTML控件)
- gridview_RowCommand 获取当前行中的控件
- 如何获取WM当前窗口下的所有控件?
- Winform获取当前拥有焦点的控件
- PHP获取到当前真实主机IP函数
- ajax 获取当前 html输入 已经返回后台php处理文件
- 自己写的html在span中获取当前时间日期星期
- html获取鼠标在页面的坐标以及在canvas上的坐标
- 鼠标移过获取控件句柄、类名、坐标
- 高德地图——加载当前位置 LBS获取自定义坐标
- android 获取控件在屏幕里的坐标
- .net知识系列之三:(html提交表单的方式,html控件,获取html表单的内容,sql注入,html服务器控件,net服务器控件)
- [置顶] Android开发—使用系统控件获取当前时间
- Android 获得控件坐标及获取状态栏高度
- ARKit 根据手指点击到屏幕上得点 获取真实空间中的坐标
- GridView,DataList控件获取当前行的行号
- android控件获取屏幕坐标