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 相关文章推荐
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
学习Node.js模块机制
Oct 17 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
微信小程序 常用工具类详解及实例
Feb 15 Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
Vue 按键修饰符处理事件的方法
May 04 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 Javascript
JavaScript实现捕获鼠标坐标
Apr 12 Javascript
vue项目实现多语言切换的思路
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
PHP添加MySQL数据记录代码
2008/06/07 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
js读取注册表的键值示例
2013/09/25 Javascript
如何将php数组或者对象传递给javascript
2014/03/20 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
详解js的六大数据类型
2016/12/27 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
前端MVVM框架解析之双向绑定
2018/01/24 Javascript
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
JS返回页面时自动回滚到历史浏览位置
2018/09/26 Javascript
JavaScript之解构赋值的理解
2019/01/30 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
Jquery异步上传文件代码实例
2019/11/13 jQuery
微信小程序实现时间进度条功能
2020/11/17 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
Python笔记(叁)继续学习
2012/10/24 Python
Python实现快速多线程ping的方法
2015/07/15 Python
Python IDE PyCharm的基本快捷键和配置简介
2015/11/04 Python
Scrapy的简单使用教程
2017/10/24 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
经典c++面试题三
2015/07/08 面试题
教师自我评价范文
2013/12/16 职场文书
小学生元旦感言
2014/02/26 职场文书
我的梦想演讲稿
2014/04/30 职场文书
故宫英文导游词
2015/01/31 职场文书
简历中自我评价范文
2015/03/11 职场文书
Nginx动静分离配置实现与说明
2022/04/07 Servers