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下关于$.Ready()的分析
Dec 13 Javascript
jcrop基本参数一览
Jul 16 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
js实现发送验证码后的倒计时功能
May 28 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
Aug 25 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
vue实现简单loading进度条
Jun 06 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 Javascript
three.js实现圆柱体
Dec 30 Javascript
Vue实现手机计算器
Aug 17 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
一个多文件上传的例子(原创)
2006/10/09 PHP
用PHP调用数据库的存贮过程!
2006/10/09 PHP
PHP 采集心得技巧
2009/05/15 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
laravel 数据验证规则详解
2019/10/23 PHP
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
JavaScript中的pow()方法使用详解
2015/06/15 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
2015/12/29 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
js实现蒙版效果
2020/01/11 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
Vue3不支持Filters过滤器的问题
2020/09/24 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
python计算N天之后日期的方法
2015/03/31 Python
python语言使用技巧分享
2016/05/31 Python
详解python发送各类邮件的主要方法
2016/12/22 Python
Python日期的加减等操作的示例
2017/08/15 Python
PyTorch的深度学习入门之PyTorch安装和配置
2019/06/27 Python
使用python爬取抖音app视频的实例代码
2020/12/01 Python
C语言笔试题
2014/09/04 面试题
深圳茁壮笔试题
2015/05/28 面试题
个人查摆问题整改措施
2014/10/04 职场文书
小学校园广播稿
2015/08/18 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang