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


Posted in Javascript onDecember 13, 2013

如下所示:

 //返回数组类型
        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;
        }
Javascript 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
jQuery $.each的用法说明
Mar 22 Javascript
来自国外的页面JavaScript文件优化
Dec 08 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
js获得页面的高度和宽度的方法
Feb 23 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
Apr 06 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
基于JS实现bookstore静态页面的实例代码
Feb 22 Javascript
微信小程序接入腾讯云验证码的方法步骤
Jan 07 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 #Javascript
xmlhttp缓存清除的2种解决方法
Dec 13 #Javascript
js获取url参数代码实例分享(JS操作URL)
Dec 13 #Javascript
js获取html页面节点方法(递归方式)
Dec 13 #Javascript
jquery 合并内容相同的单元格(示例代码)
Dec 13 #Javascript
javascript读取xml实现javascript分页
Dec 13 #Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 #Javascript
You might like
十天学会php之第五天
2006/10/09 PHP
PHP获取文件扩展名的4种方法
2015/11/24 PHP
php的优点总结 php有哪些优点
2019/07/19 PHP
游戏人文件夹程序 ver 3.0
2006/07/14 Javascript
JQuery困惑—包装集 DOM节点
2009/10/16 Javascript
html超链接打开窗口大小的方法
2013/03/05 Javascript
JS实现图片横向滚动效果示例代码
2013/09/04 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
2018/11/29 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
Python pass 语句使用示例
2014/03/11 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
python中list常用操作实例详解
2015/06/03 Python
Python验证码识别的方法
2015/07/10 Python
Puppeteer使用示例详解
2019/06/20 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
机电一体化应届生求职信范文
2014/01/24 职场文书
求职信范文大全
2014/05/26 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
超市啤酒狂欢夜策划方案范文!
2019/07/03 职场文书