检测HTML元素从上到左的距离
Detect distance of HTML element from to top and to left?
我在一个HTML5文档中有一个标签。
我如何检测JavaScript从HTML页面的左上角到画布标签的左上角的距离?
我需要能够定位动态生成的html标签相对于画布
getBoundingClientRect()
是您的朋友,并且支持所有浏览器的最新版本(Firefox 3, Safari 4, Chrome, Opera 9.5, IE 5)。但是,它将提供相对于视口而不是页面的坐标,因此您需要添加文档的滚动量:
function getPageTopLeft(el) {
var rect = el.getBoundingClientRect();
var docEl = document.documentElement;
return {
left: rect.left + (window.pageXOffset || docEl.scrollLeft || 0),
top: rect.top + (window.pageYOffset || docEl.scrollTop || 0)
};
}
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何设置html元素填充的动画
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何编写HTML输入的JS内联
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 使用javascript将动态表从一个html页面打印到另一个html页
- 通过javascript重定向html传递php变量
- 如何使Javascript动态html表及其上的事件
- 在chrome.tabs.onCreated之后加载HTML页面
- 如何在vs2002中调试html页面
- 如何使用javascript或html下载PDF格式的填写表单
- 视频HTML没有'无法在Internet Explorer 11上工作
- HTML表单提交时未执行外部函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 使用angular重定向到html页面
- 分析高度属性时出现意外值{{specs.height}}.index.html
- 你能用Html 5画布来计算你沿着一条河走的距离吗?
- HTML页面中元素之间的距离
- 检测HTML元素从上到左的距离