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

javascript中获取指定对象的坐标

    博客分类:
  • java
阅读更多

 

document.getElementById('msgdiv').style.left=getPosLeft(a)+25;


   document.getElementById('msgdiv').style.top=getPosTop(a)+15

 

a为要取到坐标的对象

 

function getPosLeft(obj)
{
    var l = obj.offsetLeft;
    while(obj = obj.offsetParent)
    {
        l += obj.offsetLeft;
    }
    return l;
}

 

 

function getPosTop(obj)
{
    var l = obj.offsetTop;
    while(obj = obj.offsetParent)
    {
        l += obj.offsetTop;
    }
    return l;
}

分享到:
评论

相关推荐

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

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

    百度地图API获取屏幕中心点坐标计算两点距离定位当前位置

    在百度地图API中,可以通过`BMap.Map`对象的`getCenter()`方法获取当前地图的中心点坐标。例如: ```javascript var map = new BMap.Map("container"); // 获取中心点坐标 var centerPoint = map.getCenter(); ...

    获取指定点颜色

    3. **像素访问**:获取指定点的颜色,我们需要知道该点在图像中的坐标。在二维数组中,我们可以用(x, y)坐标来定位,其中x是水平方向的索引,y是垂直方向的索引。通过索引图像数组,我们就能获取到指定坐标上的像素...

    html用百度的地图,显示指定坐标点并提示坐标点信息

    // 指定坐标点 map.centerAndZoom(point, ZOOM_LEVEL); // 初始化地图,设置中心点坐标和缩放级别 ``` 这里,`LONGITUDE`和`LATITUDE`是你要显示的坐标点的经度和纬度,`ZOOM_LEVEL`是地图的初始缩放级别。 5. ...

    PhotoShop脚本教程及生成所有图层坐标的案例

    图层坐标的获取可以帮助你准确地知道每个图层对象在画布上的X和Y坐标,这对于精确布局至关重要。 在教程中,可能会涵盖以下知识点: 1. **脚本环境设置**:如何在Photoshop中启用和配置脚本编辑器,以及在哪里存放...

    jQuery 获得控件的坐标位置

    在网页开发过程中,经常需要获取页面元素的坐标位置,以便实现特定的功能,如弹窗定位、元素拖拽等。jQuery 提供了一系列方法来方便地获取这些坐标值。本文将详细介绍如何使用 jQuery 来获取元素相对于窗口以及滚动...

    JavaScript获取指定元素位置的方法

    在JavaScript中,获取指定元素的位置是一项常见的任务,这对于布局调整、事件处理以及用户交互的实现至关重要。本篇文章将深入探讨几种方法,通过JavaScript获取元素在页面中的位置,并着重讲解`left`、`scrollLeft`...

    JavaScript常用对象参考

    ### JavaScript常用对象参考知识点 ...这些知识点涵盖了JavaScript中最常用的对象及其方法和属性,对于理解和使用JavaScript来说至关重要。通过掌握这些基本概念,开发者能够更有效地编写和调试代码。

    随鼠标移动动态显示xy坐标

    - **getElementById(id)**: 获取指定ID的DOM元素。 - **getElementPageBounds(element)**: 获取元素的页面边界信息。 - **getXY(event)**: 获取鼠标点击事件的坐标位置。 ### 5. 坐标转换 - **屏幕坐标转地图坐标**...

    (彬)泪闯天涯-取网页元素坐标

    Selenium提供了`Location`对象来表示元素的位置,通过`driver.findElement().getLocation()`可以获取元素的X和Y坐标。 了解了获取元素坐标的方法后,我们来看看这些坐标在实际中的应用。网页元素的坐标信息在以下...

    JavaScript_之Window对象.doc

    JavaScript中的Window对象是全局对象,它是每个浏览器窗口的核心,提供了许多与浏览器窗口交互的方法和属性。这个对象在JavaScript中无处不在,因为它既是全局变量也是全局函数的容器。以下是Window对象的一些主要...

    javascript常用对象梳理

    ### JavaScript中的Window对象详解 #### 一、概述 在JavaScript编程中,`Window`对象是极为重要的基础概念之一。作为客户端JavaScript的最高层对象之一,`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是...

    获取地图坐标与街道地址

    以下是如何使用该API来获取地图坐标对应的街道地址: 1. **引入API**: 在HTML文件中,首先需要通过添加`<script>`标签引入Google Maps API。确保替换`YOUR_API_KEY`为你的实际API密钥,这可以在Google Cloud ...

    获取图片或者div上的点坐标

    2. **计算坐标**:在事件处理函数中,使用`event`对象的`clientX`和`clientY`属性获取相对于浏览器窗口的鼠标位置。如果目标是图片,还需要考虑到图片的相对位置,这可以通过`offsetLeft`和`offsetTop`属性获取。 3...

    JavaScript窗口对象概述.pdf

    JavaScript中的Window对象是浏览器环境中最基础且至关重要的对象,它代表了浏览器的主窗口或当前活动的窗口。Window对象不仅提供了访问和操作浏览器窗口的各种功能,还是其他许多JavaScript对象的父对象,比如...

    SuperMap iclient for javascript指定矢量要素全幅显示

    在压缩包中的“缩放指定范围”文件,可能包含了实现以上步骤的示例代码,包括地图初始化、矢量图层加载、范围计算和视图调整的JavaScript代码片段。开发者可以参考这些代码,根据自己的需求进行定制。 总的来说,...

    获取图片上的坐标,向图层上加另一图层简单例子

    在图像处理领域,获取图片上的坐标以及在图层上叠加另一个图层是常见的操作,尤其在图像编辑、图像分析和用户界面设计中。这个小例子可能是为了演示如何在编程环境中实现这样的功能,例如使用Python的PIL(Pillow)...

    javascript获取鼠标点击元素对象(示例代码)

    3. 在实现获取鼠标点击元素对象的示例代码中,可以使用`document.elementFromPoint`方法来获取在指定坐标处的元素对象。该方法接受两个参数:`event.clientX`和`event.clientY`,这两个参数表示相对于视口的鼠标光标...

    易语言源码易语言网页FLASH坐标点击源码.rar

    在本压缩包“易语言源码易语言网页FLASH坐标点击源码.rar”中,包含的是易语言编写的用于处理网页中的FLASH对象坐标点击的源代码。这个源码对于学习易语言,特别是想要了解如何与网页中的FLASH交互的开发者来说,...

    js使用onmousemove和onmouseout获取鼠标坐标的方法

    在JavaScript中,获取鼠标坐标是通过鼠标事件对象event来实现的,具体通过event对象的clientX和clientY属性来获得。clientX属性返回鼠标指针位置相对于浏览器窗口客户区左上角的水平坐标,clientY属性则返回鼠标指针...

Global site tag (gtag.js) - Google Analytics