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的时间段实现代码
Aug 02 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
Apr 06 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
理解javascript定时器中的单线程
Feb 23 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
Feb 16 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
Apr 25 Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
Angular进行简单单元测试的实现方法实例
Aug 16 Javascript
vue如何在data中引入图片的正确路径
Jun 05 Vue.js
浅析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 魔兽争霸
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
PHP中的事务使用实例
2015/05/26 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
用javascript动态调整iframe高度的代码
2007/04/10 Javascript
JavaScript Scoping and Hoisting 翻译
2012/07/03 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
一看就懂:jsonp详解
2015/06/01 Javascript
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
JavaScript实现图片自动加载的瀑布流效果
2016/04/11 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
详谈innerHTML innerText的使用和区别
2017/08/18 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
2019/04/03 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
详解JavaScript 的执行机制
2020/09/18 Javascript
python自动化测试之连接几组测试包实例
2014/09/28 Python
Python、Javascript中的闭包比较
2015/02/04 Python
Python控制多进程与多线程并发数总结
2016/10/26 Python
Python编程之变量赋值操作实例分析
2017/07/24 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
python实现统计文本中单词出现的频率详解
2019/05/20 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2019/12/12 Python
关于python 跨域处理方式详解
2020/03/28 Python
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
英文自荐信格式
2013/11/28 职场文书
医院实习介绍信
2014/01/12 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
保研推荐信范文
2015/03/25 职场文书
2015年计划生育协会工作总结
2015/05/13 职场文书
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android