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 相关文章推荐
身份证号码前六位所代表的省,市,区, 以及地区编码下载
Apr 12 Javascript
js判断变量是否空值的代码
Oct 26 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
Nov 21 Javascript
基于javascript实现彩票随机数生成(简单版)
Apr 17 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
详解微信小程序开发之下拉刷新 上拉加载
Nov 24 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
Jquery EasyUI $.Parser
Jun 02 jQuery
JS表单传值和URL编码转换
Mar 03 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 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
改变Apache端口等配置修改方法
2008/06/05 PHP
用PHP实现 上一篇、下一篇的代码
2012/09/29 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
node.js中的fs.lchmodSync方法使用说明
2014/12/16 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
使用Python下载Bing图片(代码)
2013/11/07 Python
python概率计算器实例分析
2015/03/25 Python
详解通过API管理或定制开发ECS实例
2018/09/30 Python
Python学习笔记之错误和异常及访问错误消息详解
2019/08/08 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
阿波罗盒子:Apollo Box
2017/08/14 全球购物
巴西香水和化妆品购物网站:The Beauty Box
2019/09/03 全球购物
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
高级Java程序员面试要点
2013/08/02 面试题
酒店前厅员工辞职信
2014/01/08 职场文书
幼儿园五一活动方案
2014/02/07 职场文书
党员群众路线承诺书
2014/05/20 职场文书
保安公司服务承诺书
2014/05/28 职场文书
2015政治思想表现评语
2015/03/25 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
pytorch Dropout过拟合的操作
2021/05/27 Python