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 相关文章推荐
jQuery学习3:操作元素属性和特性
Feb 07 Javascript
合并table相同单元格的jquery插件分享(很精简)
Jun 20 Javascript
javascript object array方法使用详解
Dec 03 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
May 11 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
用Vue.js实现监听属性的变化
Nov 17 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
JS中IP地址与整数相互转换的实现代码
Apr 10 Javascript
vue如何引用其他组件(css和js)
Apr 13 Javascript
微信小程序实现登录遮罩效果
Nov 01 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
浅析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 session有效期问题
2009/04/26 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
PHP实现更新中间关联表数据的两种方法
2014/09/01 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
PDO::setAttribute讲解
2019/01/29 PHP
PHP使用PDO创建MySQL数据库、表及插入多条数据操作示例
2019/05/30 PHP
来自国外的14个图片放大编辑的jQuery插件整理
2010/10/20 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
2013/03/11 Javascript
js简单实现交换Li的值
2014/05/22 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
JS跨域问题详解
2014/11/25 Javascript
JQuery实现鼠标移动图片显示描述层的方法
2015/06/25 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
jQuery实现手机上输入后隐藏键盘功能
2017/01/04 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
python使用socket进行简单网络连接的方法
2015/04/29 Python
python实现给数组按片赋值的方法
2015/07/28 Python
python中使用正则表达式的连接符示例代码
2017/10/10 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
python使用phoenixdb操作hbase的方法示例
2019/02/28 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
html5中localStorage本地存储的简单使用
2017/06/16 HTML / CSS
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
班级寄语大全
2014/04/10 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
2019教师的学习计划
2019/06/25 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书
JVM钩子函数的使用场景详解
2021/08/23 Java/Android
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android