`
yangsp1
  • 浏览: 48032 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript的一些坐标位置属性

    博客分类:
  • js
阅读更多
参考另一:http://www.cnblogs.com/rainman/archive/2009/02/15/1391056.html


offsetX/offsetY:相对于当前元素的位移
x/y:相对于当前座标系的位移,但是IE常常搞错当前座标系
layerX/layerY:相对于当前座标系的位移
pageX/pageY:相对于网页的位移
clientX/clientY:相对于可视窗口的位移
screenX/screenY:相对于屏幕的位移

offsetX/offsetY:W3C- IE+ Firefox- Opera+ Safari+
x/y:W3C- IE+ Firefox- Opera+ Safari+
layerX/layerY:W3C- IE- Firefox+ Opera- Safari+
pageX/pageY:W3C- IE- Firefox+ Opera+ Safari+
clientX/clientY:W3C+ IE+ Firefox+ Opera+ Safari+
screenX/screenY:W3C+ IE+ Firefox+ Opera+ Safari+

六对属性只有clientX/clientY和screenX/screenY是W3C规范内的。
而 offsetX/offsetY和pageX/pageY知其一组即可通过计算取得另一组,对于JS开发者而言,Firefox/Opera /Safari提供的pageX/pageY更加实用。x/y和layerX/layerY本应该是作用相同、名称不同的两组属性,即相对于 offsetParent对象的位移,但是IE对offsetParent的判断却相当不准确,大部份情况下offsetParent对象都等于body 对象,最严重的后果就是在一个绝对定位的层中offsetParent对象本应该为层对象,可IE却依旧为body对象,导致座标系混乱,而Opera和 Safari中的x/y则同样继承了IE中的错误,因此x/y属性能不用则不用。[/color][size=large][/size]
分享到:
评论

相关推荐

    Javascript获取鼠标坐标的各种类型

    总结来说,JavaScript提供了多种方式来获取鼠标坐标和元素位置,开发者可以根据具体需求选择合适的方法。了解这些坐标系统的差异对于创建交互式的网页应用至关重要。通过熟练掌握这些技巧,可以实现诸如拖放功能、弹...

    设置层坐标位置 改变层坐标位置 top left

    4. **动画效果**:通过JavaScript或CSS的`transition`属性,可以实现层位置变化的平滑动画效果。例如,当鼠标悬停在层上时,可以平滑地改变层的位置: ```css .layer { position: absolute; left: 50px; top: ...

    JavaScript 页面坐标相关知识整理

    在网页开发中,JavaScript 提供了一系列属性和方法来处理页面元素的坐标和位置,这对于动态布局和交互设计至关重要。本文将深入探讨这些知识点,帮助开发者更好地理解和应用。 首先,`offsetTop` 和 `style.top` 是...

    JavaScript中尺寸、坐标

    在JavaScript中,理解和操作元素的尺寸与坐标是实现动态布局、动画效果以及用户交互的关键技能。以下是对这一主题的详细阐述: 1. **DOM元素的尺寸** - `offsetWidth` 和 `offsetHeight`: 这两个属性返回元素的总...

    js获取页面控件坐标.pdf

    获取页面控件坐标是 JavaScript 编程中非常重要的一部分,我们可以使用多种方法来获取元素的坐标,包括使用 offsetLeft 和 offsetTop 属性、getBoundingClientRect() 方法和 JavaScript 库等。 此外,在 HTML 文...

    c# asp.net 控制控件的坐标位置,更改控件坐标,后台改变前台CSS样式,top,left

    在Web开发中,我们经常需要控制页面上的控件布局,包括调整其在页面上的坐标位置以及更改前端CSS样式来达到理想的视觉效果。本篇文章将深入探讨如何在C#后台代码中实现这些功能。 首先,对于控件的坐标位置,ASP...

    cood.rar_坐标位置

    在Web开发中,JavaScript的`event.clientX`和`event.clientY`属性可以在鼠标事件处理函数中获取坐标: ```javascript document.addEventListener('mousemove', function(event) { console.log('当前鼠标位置:', ...

    c# asp.net 鼠标改变控件坐标位置,更改控件坐标,注册表保存读取,打印,查找局域网内打印机

    例如,你可以创建一个JavaScript函数,接收鼠标事件,根据鼠标的当前位置调整控件的坐标属性,如`style.left`和`style.top`。 2. **更改控件坐标**: 对于服务器端的C#,控件的位置通常在设计时固定,但在某些动态...

    获取电脑屏幕上鼠标指针的位置坐标

    在JavaScript中,可以利用`event.clientX`和`event.clientY`属性来获取鼠标位置,但这通常在网页环境中而非桌面应用中使用。 除了编程实现,还有许多现成的工具可以帮助用户获取鼠标坐标。压缩包中的`mousexy.exe`...

    显示鼠标坐标信息 JavaScript代码

    - 需要注意的是,不同的坐标属性在不同的情景下适用。例如,如果你需要获取鼠标相对于某个特定元素的位置,那么`offsetX`和`offsetY`会更有用。 - 当处理滚动时,`pageX`和`pageY`会考虑页面的滚动位置,而`...

    Javascript元素位置、大小、鼠标定位操作

    本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 Event 提供了多个属性来获取鼠标的当前位置...

    动画坐标控件的指定位置开始动画

    例如,在Unity中,可以通过`Transform.position`属性来设置游戏对象的初始位置,然后使用`Animate()`函数开始动画。 在创建动画时,考虑到用户体验,还需要注意以下几点: 1. 平滑性:确保动画过渡平滑自然,避免...

    javascript获得鼠标的坐标值

    `clientX`和`clientY`属性提供了鼠标相对于视口左上角的位置,即`body`元素的坐标。但请注意,这不包括滚动条的影响。 ### 2. 相对于特定对象的鼠标坐标值 有时候,我们可能需要知道鼠标相对于页面上某个特定DOM...

    pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_

    返回的对象包含一系列的`Item`,每个`Item`代表一行文本或者一个单独的字符,包含其几何属性,如左上角的坐标(x, y)。 在`加工_pdf关键字坐标获取`部分,项目可能采用了以下步骤: 1. 解析PDF文档,获取所有页面...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    这两个属性是JavaScript事件对象的一部分,当鼠标在浏览器窗口内移动时,它们会提供鼠标的水平和垂直坐标。这些坐标是相对于浏览器窗口左上角的,不包括滚动条的偏移。 1. **获取鼠标位置:** 要监听鼠标移动事件...

    使用JavaScript获取客户端的鼠标坐标信息

    这两个属性分别表示鼠标在浏览器窗口的水平和垂直方向上的位置。它们是JavaScript事件处理函数中的参数`event`的一部分,通常在与鼠标相关的事件(如`click`、`mousemove`)的监听器中使用。 例如,你可以为HTML...

    JavaScript获取对象在页面中位置坐标的方法

    主要介绍了JavaScript获取对象在页面中位置坐标的方法,涉及JavaScript操作页面元素属性的相关技巧,需要的朋友可以参考下

    GPS转火星坐标,火星坐标转GPS(C#)

    这可能是在进行坐标转换过程中,利用JavaScript库或Web服务进行辅助计算,比如通过Web API获取火星坐标系统的最新参数或转换矩阵。 总的来说,理解并实现GPS到火星坐标的转换需要对地球和火星的几何、物理特性有...

    中国省市县围栏坐标

    这些坐标通常是经纬度值,遵循地理坐标系统,如WGS84,用来精确地定义地球表面的位置。 标签“坐标”进一步强调了这个数据集的核心内容,即各个行政区域的地理位置信息。在GIS中,坐标可以用来定位任何地理位置,并...

    【JavaScript源代码】JavaScript offset实现鼠标坐标获取和窗口内模块拖动.docx

    JavaScript offset实现鼠标坐标获取和窗口内模块拖动  offset 即偏移量,使用 offset 系列相关属性可以 动态的 获取该元素的位置(偏移)、大小等,如: 元素距离带有定位父元素的位置 获取元素自身的大小(宽度...

Global site tag (gtag.js) - Google Analytics