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 相关文章推荐
JSON 数字排序多字段排序介绍
Sep 18 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
Jan 02 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 Javascript
js+css实现红包雨效果
Jul 12 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
javascript刷新父页面方法汇总详解
Oct 10 Javascript
Angular封装表单控件及思想总结
Dec 11 Javascript
使用webpack搭建vue环境的教程详解
Dec 31 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 Javascript
vue 中使用print.js导出pdf操作
Nov 13 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实现文件下载功能的几个代码分享
2014/05/10 PHP
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
往光标所在位置插入值的js代码
2013/09/22 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
2015/12/29 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
基于AGS JS开发自定义贴图图层
2017/03/31 Javascript
JavaScript实现的商品抢购倒计时功能示例
2017/04/17 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
React组件内事件传参实现tab切换的示例代码
2018/07/04 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
vue中组件的过渡动画及实现代码
2018/11/21 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
python实现多层感知器
2019/01/18 Python
python 堆和优先队列的使用详解
2019/03/05 Python
python中添加模块导入路径的方法
2021/02/03 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
JAVA程序员面试题
2012/10/03 面试题
十八大闭幕感言
2014/01/22 职场文书
2014年创先争优活动总结
2014/05/04 职场文书
内科护士节演讲稿
2014/09/11 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
2014年学生会生活部工作总结
2014/11/07 职场文书
2014年司机工作总结
2014/11/21 职场文书
个人求职意向书
2015/05/11 职场文书
python执行js代码的方法
2021/05/13 Python
教你利用Nginx 服务搭建子域环境提升二维地图加载性能的步骤
2021/09/25 Servers