`
chenyunhong
  • 浏览: 141040 次
  • 性别: Icon_minigender_1
  • 来自: 真的不知道
社区版块
存档分类
最新评论

JS获取对象的绝对坐标

 
阅读更多

 

function   getAbsPoint(e)   
{   
var   x   =   e.offsetLeft,   y   =   e.offsetTop;   
while(e=e.offsetParent) 
{ 
x   +=   e.offsetLeft;   
y   +=   e.offsetTop;
} 
alert("x:"+x+","+"y:"+y);   
}

方法2:

function   getAbsPoint(obj)   
{   
var   x,y;   
oRect   =   obj.getBoundingClientRect();   
x=oRect.left   
y=oRect.top   
alert("("+x+","+y+")")   
}

JS中获得窗口属性的方法 

1。获得屏幕的分辨率: 
screen.width 
screen.height 

2。获得窗口大小: 
document.body.clientWidth 
document.body.clientHeight 

3。获得窗口大小(包含Border、Scroll等元素) 
document.body.offsetWidth 
document.body.offsetHeight
分享到:
评论

相关推荐

    javascript获取对象的绝对坐标

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

    获取元素绝对位置 position

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

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

    JavaScript获取鼠标坐标是Web开发中的常见需求,尤其在交互式应用和动态效果中扮演着重要角色。本篇文章将详细介绍各种JavaScript方法来获取鼠标位置,并解释它们的用途和差异。 首先,我们可以使用`event`对象来...

    js获取div的位置坐标

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

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

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

    js资料大综合(js浮动,js获取坐标)

    在给定的“js资料大综合(js浮动,js获取坐标)”中,我们可以深入探讨两个关键知识点:js浮动和js获取坐标。 一、JS浮动 在网页设计中,“浮动”通常指的是CSS中的`float`属性,它允许元素在容器内左右移动,以...

    网页实现全屏获取鼠标坐标

    描述中提到"自己制作控件实现网页获取窗体外鼠标坐标",这可能是指在全屏模式下,通过JavaScript或者其他前端技术来监听鼠标移动事件,并计算出即使鼠标离开当前窗口,也能获取到其在屏幕上的绝对位置。"这只是个...

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

    2. **鼠标事件对象**:通过监听`mousemove`或`click`等事件,可以获取到事件对象,其中包含了鼠标在当前视口的位置信息。 3. **计算鼠标在页面上的实际位置**:结合页面滚动量与鼠标在视口的位置,得到鼠标在页面上...

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

    在JavaScript和jQuery的世界里,获取元素的绝对位置是一项常见的任务,尤其当涉及到动态布局或交互设计时。这个主题主要集中在如何获取HTML中的`input`框的精确位置,以便于进行定位或其他操作。以下是对这个知识点...

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

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

    javascript 获取鼠标的绝对位置 event

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

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

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

    JavaScript与Div对层定位和移动获得坐标的实现代码

    z=obj.style.zIndex //获取对象的z轴坐标值 //设置对象的z轴坐标值为100,确保当前层显示在最前面 obj.style.zIndex=100 x=event.offsetX //获取鼠标指针位置相对于触发事件的对象的X坐标 y=event.offsetY

    jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

    使用jQuery库时,我们可以利用其提供的方法来获取元素的绝对和相对位置,这些位置通常用元素左上角的X和Y坐标来表示。 首先,我们来了解一下如何通过jQuery获取页面元素的绝对位置。绝对位置指的是元素相对于整个...

    JS获取各种高度宽度1

    本文将深入探讨如何使用JavaScript获取各种高度和宽度,包括浏览器窗口滚动条的位置、元素的几何尺寸等关键概念。 首先,我们来看一下与鼠标位置相关的几个属性: 1. `pageX`:表示鼠标在页面上的位置,从页面左上...

    JavaScript_之Window对象.doc

    - `window.moveTo(x, y)` 将窗口移动到绝对坐标`x`, `y`。 9. **resizeBy()** 和 **resizeTo()** 方法: - `window.resizeBy(width, height)` 增加窗口的宽度和高度各`width`和`height`像素。 - `window.resize...

    JavaScript窗口对象概述.pdf

    - **moveTo()**:将窗口移动到绝对坐标位置。 - **moveBy()**:相对当前位置移动窗口。 - **resizeTo()**:设定窗口的大小到指定的宽度和高度。 - **resizeBy()**:按照指定的增量调整窗口大小。 - **print()**...

    js 公式编辑器 – 自定义匹配规则 – 带提示下拉框 – 动态获取光标像素坐标

    例如,插入下拉框时,将其添加到`<body>`元素后,这是因为要获取绝对定位的坐标。同时,利用`getStart`函数来获取当前光标的位置,这通常涉及到对`range`对象的理解和使用,以便在不同的浏览器环境中正确地处理文本...

    JavaScript实现二维坐标点排序效果

    这个需求源自于一个Web项目,其中包含可拖动的div模块,每个模块都有一个唯一的id和通过CSS绝对定位获取的left和top坐标。当用户拖动这些模块后,需要按照特定规则重新排序并保存至数据库。 首先,我们需要明确排序...

Global site tag (gtag.js) - Google Analytics