js获取触发事件元素在整个网页中的绝对坐标(示例代码)

 更新时间:2013年12月13日 10:20:05   作者:  
这篇文章主要介绍了js获取触发事件元素在整个网页中的绝对坐标。需要的朋友可以过来参考下,希望对大家有所帮助
如下所示:
复制代码 代码如下:

 //返回数组类型
        function findPosition(oElement) {//oElement 当前元素
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
                    posX += oElement.offsetLeft;
                    posY += oElement.offsetTop;
                }
            }
            var array = [posX, posY];
            return array;
        }
        //获取触发事件的控件在整个页面的绝对的X坐标
        function findPositionX(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0; oElement; oElement = oElement.offsetParent)
                {
                    posX += oElement.offsetLeft;
                }
            }
            return posX;
        }
        //获取触发事件的控件在整个页面的绝对的Y坐标
        function findPositionY(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posY = 0; oElement; oElement = oElement.offsetParent) {
                    posY += oElement.offsetTop;
                }
            }
            return posY;
        }

相关文章

  • 全国省市二级联动下拉菜单 js版

    全国省市二级联动下拉菜单 js版

    这篇文章主要为大家详细介绍了基于javascript实现全国省市二级联动下拉菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • js的alert样式如何更改如背景颜色

    js的alert样式如何更改如背景颜色

    如何更改js的alert样式如:弹出对话框时的背景颜色、背景透明等等,下面有效果图,感兴趣的朋友可以学习下
    2014-01-01
  • javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】

    javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】

    这篇文章主要介绍了javascript基于牛顿迭代法实现求浮点数的平方根,简单说明了牛顿迭代法的原理,并结合实例分析了javascript基于递归的数值运算相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • JavaScript

    JavaScript"模拟事件"的注意要点详解

    今天小编就为大家分享一篇关于JavaScript"模拟事件"的注意要点详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • uniapp地图组件(map)使用与遇到的一些问题总结

    uniapp地图组件(map)使用与遇到的一些问题总结

    uniapp是用vue.js开发所有前端应用的框架,开发人员只需要编写一套代码就可以发布到安卓、iOS、H5和小程序、快应用等平台,下面这篇文章主要给大家介绍了关于uniapp地图组件(map)使用与遇到的一些问题,需要的朋友可以参考下
    2022-07-07
  • 非阻塞动态加载javascript广告实现代码

    非阻塞动态加载javascript广告实现代码

    非阻塞动态加载javascript广告,需要的朋友可以参考下。
    2010-11-11
  • png在IE6 下无法透明的解决方法汇总

    png在IE6 下无法透明的解决方法汇总

    解决PNG图片在IE6下的透明这类问题谷歌上很多解决方案,属于非常常见的问题,以前我做的时候,这类透明我都是用gif,而直接避开png,所以到现在我并没有去了解过这个问题。今天就把这个问题整理下,解决方案汇总给大家。
    2015-05-05
  • javascript showModalDialog 内跳转页面的问题

    javascript showModalDialog 内跳转页面的问题

    在页面中使用了showModalDialog,但是在跳转链接时,不会在当前页执行,而是弹出一个新的页面。
    2010-11-11
  • 原生js实现自定义滚动条

    原生js实现自定义滚动条

    这篇文章主要为大家详细介绍了原生js实现自定义滚动条,可点击、拖动到达,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • javascript将扁平的数据转为树形结构的高效率算法

    javascript将扁平的数据转为树形结构的高效率算法

    这篇文章主要介绍了javascript将扁平的数据转为树形结构的高效率算法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02

最新评论