`
totoxian
  • 浏览: 1063223 次
  • 性别: Icon_minigender_2
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

JS中获取对象的绝对位置

阅读更多

JS中获取对象的绝对位置

左直拳

网页中,可以用[object].offsetLeft[object].offsetTop来获得该对象(object)与其所在容器中的水平及垂直偏移量。

问题是,在FFFireFox)中,它们是返回与BODY的偏移,而在IE中,是其所在容器中的水平及垂直偏移。

那么怎样在IE中也能获得与BODY的偏移呢?因为这个偏移才最有用,找到了这两个偏移,就相当于找到了在页面中的绝对位置。

可以变通一下:

var posX = objLookingFor.offsetLeft;

var posY = objLookingFor.offsetTop;

var aBox = objLookingFor;//需要获得位置的对象

do {

aBox = aBox.offsetParent;

posX += aBox.offsetLeft;

posY += aBox.offsetTop;

} while( aBox.tagName != "BODY" );

这样到最后,posXposY就是与BODY的偏移。

分享到:
评论

相关推荐

    获取元素绝对位置 position

    "获取元素绝对位置 position"这个话题主要关注JavaScript中如何准确地定位DOM元素在页面中的坐标。这里,我们将深入探讨相关知识,并参考提供的博客链接以及相关的HTML文件。 首先,元素的绝对位置是指元素左上角相...

    JavaScript和jQuery获取input框的绝对位置

    在JavaScript中,我们可以使用`getBoundingClientRect()`方法来获取元素的绝对位置。这个方法返回一个对象,其中包含了`top`, `right`, `bottom`, `left`, `width` 和 `height`等属性,它们分别表示元素相对视口边界...

    javascript获取对象的绝对坐标

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

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

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

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

    在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....

    js 获取光标在文本框中的位置

    在JavaScript中,获取光标在文本框(input[type="text"]或textarea)中的位置是一项常见的需求,这在处理用户输入或者实现某些特定功能时非常有用。以下是一些关于如何使用JavaScript来实现这一功能的关键知识点: ...

    javascript 获取鼠标的绝对位置 event

    在JavaScript中,获取鼠标的绝对位置是常见的需求,特别是在实现交互式用户界面或者进行鼠标跟踪时。`event`对象是JavaScript中的一个内置对象,它包含了有关当前事件(如鼠标点击或移动)的各种信息,其中包括鼠标...

    JS中获取 DOM 元素的绝对位置实例详解

    本文将深入探讨如何在JavaScript中获取DOM元素的绝对位置,包括多种方法和它们的兼容性问题。 首先,我们需要明确什么是DOM元素的绝对位置。绝对位置通常指元素相对于整个文档的位置,包含元素距离文档最顶部和最...

    js获取div的位置坐标

    ### JavaScript 获取 div 的位置坐标详解 #### 一、引言 在前端开发中,经常需要获取页面上某个元素(如 div)的位置坐标。这有助于实现诸如弹窗定位、元素拖拽等功能,提升用户体验。本文将详细介绍如何使用 ...

    js获得对象的x,y位置函数

    在JavaScript编程领域,获取DOM元素(Document Object Model,文档对象模型)在页面中的绝对位置是一项常见且实用的技术。本文将详细解析如何通过自定义函数`findPosX`和`findPosY`来实现这一功能,帮助开发者准确...

    获取鼠标在页面上的位置(包括滚动条)

    在网页开发过程中,有时候我们需要获取用户鼠标在页面上的具体位置,特别是当页面存在滚动条时,这将有助于实现某些交互功能,如动态提示、点击反馈等。本文将详细介绍如何通过JavaScript来获取鼠标在页面上的位置,...

    前端读取JS绝对目录的方法

    本文将详细探讨如何在JavaScript中获取当前脚本的绝对路径,并结合相关标签"js引用"来深入理解这个过程。 首先,我们要明白在浏览器环境中,JavaScript无法直接访问文件系统,因此不能像服务器端语言那样获取文件的...

    JavaScript取得鼠标绝对位置程序代码介绍

    本文将详细介绍如何在不同浏览器环境下通过JavaScript获取鼠标绝对位置的方法。 首先,我们需要了解不同浏览器对于鼠标事件对象(event object)中的位置属性的处理差异。在Internet Explorer(IE)中,`event.x` 和 ...

    js获取元素在浏览器中的绝对位置

    在JavaScript中,获取HTML元素的位置是一项常见的任务,这对于布局、事件处理或动态效果的实现至关重要。通常,我们可以通过`HTMLElement.offsetTop`和`HTMLElement.offsetLeft`属性来获取元素的偏移值,但这些属性...

    js获取上传文件的绝对路径实现方法

    本文主要介绍如何使用JavaScript获取上传文件的绝对路径。 通常情况下,HTML5规范建议出于安全考虑,当用户使用选择文件时,返回的路径信息应该是虚拟路径而不是真实的文件系统路径,这就是所谓的"fake path"。例如...

    纯 JS 获取 服务器时间 +

    标题“纯 JS 获取服务器时间 +”所指的就是使用JavaScript代码来实现从服务器获取准确的时间信息。下面是一个简单的示例,使用了XMLHttpRequest(XHR)进行同步请求: ```javascript function getServerTime() { ...

    静态页面中js获取相对路径

    综上所述,在静态页面中使用JavaScript获取相对路径是一个基本但重要的技能。开发者可以通过多种方式实现,包括解析`window.location.href`、使用`document.baseURI`等。掌握这些方法,可以帮助开发者更灵活地管理...

    JavaScript和jQuery获取input框的绝对位置实现方法

    1. 获取元素的绝对位置:在JavaScript中,可以使用offsetParent属性和offsetLeft、offsetTop属性来递归地获取一个元素相对于文档的绝对位置。在给定的代码示例中,定义了一个absPos()函数,该函数接收一个DOM元素...

Global site tag (gtag.js) - Google Analytics