`
yangsp1
  • 浏览: 48854 次
  • 性别: 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提供了多种方式来获取鼠标坐标和元素位置,开发者可以根据具体需求选择合适的方法。了解这些坐标系统的差异对于创建交互式的网页应用至关重要。通过熟练掌握这些技巧,可以实现诸如拖放功能、弹...

    javascript获取鼠标当前位置坐标并显示

    ### JavaScript 获取鼠标当前位置坐标并显示 #### 知识点概览 本文将详细介绍如何使用JavaScript来获取鼠标在页面上的当前位置坐标,并实时显示这些坐标值。该功能主要涉及到以下几个知识点: 1. **事件监听器...

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

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

    jQuery 获得控件的坐标位置

    ### jQuery 获取控件的坐标位置 #### 知识点概览 在网页开发过程中,经常需要获取页面元素的坐标位置,以便实现特定的功能,如弹窗定位、元素拖拽等。jQuery 提供了一系列方法来方便地获取这些坐标值。本文将详细...

    javascript获得对象的坐标

    根据给定文件的信息,本文将深入探讨如何使用JavaScript获取页面元素的坐标位置。这是一项非常实用的技术,在网页开发中有着广泛的应用场景,比如在实现拖拽功能、元素定位或者响应式设计时,都需要准确地知道元素的...

    js地理坐标与屏幕坐标互转换

    在ArcGIS JavaScript API中,地理坐标与屏幕坐标的相互转换是一项重要的功能,它允许开发者将地图上的地理位置(经纬度)转换为用户界面中的像素位置,反之亦然。这对于实现地图交互、绘制图形以及进行空间分析等...

    JavaScript 页面坐标相关知识整理

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

    获取鼠标在文档的坐标位置(兼容多浏览器)

    本文将详细介绍如何通过JavaScript获取鼠标在文档中的坐标位置,并确保该方法能在多种主流浏览器中稳定运行。 #### 一、问题背景 当用户与网页进行交互时,如点击鼠标按钮,页面会触发相应的事件。这些事件携带了...

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

    本文将详细讲解如何使用JavaScript的内置属性和方法来获取对象在页面中的位置坐标。 首先,我们需要理解两个关键的概念:`offsetTop` 和 `offsetLeft`。这两个属性都是HTML元素对象上的,它们分别表示元素的上边界...

    JavaScript中尺寸、坐标

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

    js获取页面控件坐标.pdf

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

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

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

    javascript获取对象的绝对坐标

    ### JavaScript 获取对象的绝对坐标 #### 知识点概述 在网页开发中,有时我们需要知道一个元素在其父级容器中的绝对位置,即该元素相对于页面左上角的坐标(X轴和Y轴的位置)。这对于实现某些动态效果或者交互功能...

    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`...

    64.(cesium篇)cesium根据坐标位置获取地形高度.zip

    本篇文章将详细讲解如何利用Cesium库根据坐标位置获取地形高度,这对于地理数据分析、地图应用开发等场景具有很高的实用价值。 Cesium是一个基于 WebGL 的JavaScript库,它允许开发者在浏览器中创建交互式的3D地球...

    显示鼠标坐标信息 JavaScript代码

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics