JavaScript获取对象在页面中位置坐标的方法
本文实例讲述了JavaScript获取对象在页面中位置坐标的方法。分享给大家供大家参考,具体如下:
<script language="javascript" type="text/javascript" > function getXY(Obj) { var h = Obj.offsetHeight; for (var sumTop=0,sumLeft=0;Obj!=document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent); sumTop = h+sumTop; return {left:sumLeft,top:sumTop} } </script>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript鼠标操作技巧汇总》、《javascript面向对象入门教程》及《JavaScript数据结构与算法技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
JS onmousemove鼠标移动坐标接龙DIV效果实例
效果: 思路: 利用onmousemove事件,然后获取鼠标的坐标,之后把DIV挨个遍历,最后把鼠标的坐标赋给DIV. 代码: 复制代码 代码如下: <head runat="server"> <title></title> <style type="text/css"> div { width: 20px; height: 20px;
-
javascript获取当前鼠标坐标的方法
本文实例讲述了javascript获取当前鼠标坐标的方法.分享给大家供大家参考.具体实现方法如下: 对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解.具体代码如下: 复制代码 代码如下: <html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv="content-type" content="text/html;chars
-
js实现获取div坐标的方法
本文实例讲述了js实现获取div坐标的方法.分享给大家供大家参考,具体如下: html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如下方法可以实现: /*** * 获取div的坐标 * @param divObj * @returns {{width: number, height: number, left: *, top: Window}} */ com.whuang.hsj.divCoordinate=function(divObj){ if(typeof divObj =
-
javascript实时获取鼠标坐标值并显示的方法
本文实例讲述了javascript实时获取鼠标坐标值并显示的方法.分享给大家供大家参考.具体实现方法如下: <!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&quo
-
JS网页在线获取鼠标坐标值的方法
本文实例讲述了JS网页在线获取鼠标坐标值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>显示鼠标坐标</title> </head> <body onMousemove="m
-
javascript获取文档坐标和视口坐标
元素的位置是以像素度量的,向右代表X坐标的增加,向下代表Y坐标的增加,但是,有两个不同的点作为坐标系的原点:元素的X和Y坐标可以相对于文档的左上角或者相对于在职中显示文档的视口的左上角. 在定级窗口和标签页中,"视口"只是实际显示文档内容的浏览器的一部分:它不包括浏览器的"外壳"(如菜单.工具条和标签页). 针对框架也中显示的文档,是口试定了框架页的<iframe>元素.无论在何种情况下,当讨论元素的位置是,必须弄清楚所使用的坐标是文档坐标还是视口坐标.
-
js使用onmousemove和onmouseout获取鼠标坐标的方法
本文实例讲述了js使用onmousemove和onmouseout获取鼠标坐标的方法.分享给大家供大家参考.具体如下: 下面的js代码演示了onmousemove和onmouseout事件的用法,鼠标在指定区域内移动时会动态显示鼠标坐标信息 <!DOCTYPE html> <html> <head> <script> function myFunction(e) { x=e.clientX; y=e.clientY; coor="Coordinat
-
JS获取鼠标坐标位置实例分析
本文实例分析了JS获取鼠标坐标位置的方法.分享给大家供大家参考,具体如下: 取鼠标坐标位置有这些:鼠标在视口的坐标位置(clientX,clientY),鼠标在页面的坐标位置(pageX,pageY),鼠标在屏幕的坐标位置(screenX,screenY),其中鼠标在视口的坐标位置(clientX,clientY),以及鼠标在屏幕的坐标位置(screenX,screenY)在所有的浏览器中都支持,但是鼠标在页面的坐标位置(pageX,pageY)在IE8及更早版本不支持,但是没有关系,可以通过s
-
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
JavaScript获取鼠标移动时的坐标(兼容:IE8.谷歌.Firefox.Opera ),测试通过 直接复制成html文件,即可运行. 为方便大家测试特准备了一份在线演示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo
-
js鼠标及对象坐标控制属性详细解析
offsetTop获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置. offsetLeft获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置. offsetHeight获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度.IE.Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框.NS.FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientH
随机推荐
- SQLite优化方法
- javaScript面向对象继承方法经典实现
- mybatis教程之查询缓存(一级缓存二级缓存和整合ehcache)
- python3编写C/S网络程序实例教程
- ADO.NET基础知识汇总
- ASP.NET中Literal控件的使用方法 原创
- 关于swift的个人小结
- android与asp.net服务端共享session的方法详解
- node网页分段渲染详解
- Python实现单词拼写检查
- 把mysql查询结果保存到文件的shell脚本
- 怎样管理好样式
- swfupload 多文件上传实现代码
- php线性表顺序存储实现代码(增删查改)
- shell脚本连接并重启远程服务器的方法
- SQL Server 性能调优之查询从20秒至2秒的处理方法
- Bootstrap按钮组实例详解
- Java 对象序列化 NIO NIO2详细介绍及解析
- Android中TextView显示圆圈背景或设置圆角的方法
- 解析sizeof, strlen, 指针以及数组作为函数参数的应用