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实现给数组对象排序的方法分析

    这篇文章主要介绍了JS实现给数组对象排序的方法,结合实例形式分析了javascript数组对象排序相关实现方法与操作注意事项,需要的朋友可以参考下
    2019-06-06
  • Layui选项卡制作历史浏览记录的方法

    Layui选项卡制作历史浏览记录的方法

    今天小编大家分享一篇Layui选项卡制作历史浏览记录的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Eval and new funciton not the same thing

    Eval and new funciton not the same thing

    以前有人会说,new Function的方式是几乎与eval相等,今天我查了一下,确实是不同的东西,说这句话的人太不负责了。关于eval和new function,得到的结果都是一致的,都会叫你不要去使用它们。所以结论就是“不得不”才使用
    2012-12-12
  • JS实现时间选择器

    JS实现时间选择器

    这篇文章主要为大家详细介绍了JS实现时间选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js快速与任意QQ号码建立临时对话

    js快速与任意QQ号码建立临时对话

    那时候在群里讨论的,吸纳很多人的方法与意见,修改而成的
    2008-10-10
  • html+javascript+bootstrap实现层级多选框全层全选和多选功能

    html+javascript+bootstrap实现层级多选框全层全选和多选功能

    想做一个先按层级排序并可以多选的功能,首先倾向于用多层标签式的,直接选定加在文本域里,接下来通过本文给大家介绍html+javascript+bootstrap实现层级多选框全层全选和多选功能,需要的朋友参考下
    2017-03-03
  • APP中javascript+css3实现下拉刷新效果

    APP中javascript+css3实现下拉刷新效果

    本文给大家分享的是如何在APP中使用javascript结合CSS3实现下拉刷新特效的代码,非常的简单实用,有需要的小伙伴可以参考下。
    2016-01-01
  • javaScript中的空值和假值

    javaScript中的空值和假值

    JavaScript 是世界上最流行的编程语言。javaScript中有五种空值和假值,分别为false,null,undefined,“”,0。从广义上来说,这五个值都是对应数据类型的无效值或空值
    2017-12-12
  • javascript版的in_array函数(判断数组中是否存在特定值)

    javascript版的in_array函数(判断数组中是否存在特定值)

    这篇文章主要介绍了javascript版的in_array函数(判断数组中是否存在特定值),需要的朋友可以参考下
    2014-05-05
  • JavaScript中常用的数组操作方法总结

    JavaScript中常用的数组操作方法总结

    这篇文章为大家总结了一些JavaScript中常用的数组操作方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07

最新评论