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的朋友一点学习经验小结
Nov 23 Javascript
js左侧三级菜单导航实例代码
Sep 13 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
深入剖析JavaScript中的枚举功能
Mar 06 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
浅谈EasyUI常用控件的禁用方法
Nov 09 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
详解vue数据渲染出现闪烁问题
Jun 29 Javascript
Vue3中的Refs和Ref详情
Nov 11 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
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
PHP7匿名类用法分析
2016/09/26 PHP
php图像处理函数imagecopyresampled用法详解
2016/12/02 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
发现的以前不知道的函数
2006/09/19 Javascript
iis6+javascript Add an Extension File
2007/06/13 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
Node.js编写组件的三种实现方式
2016/02/25 Javascript
微信小程序 rpx 尺寸单位详细介绍
2016/10/13 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
2017/04/13 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
React通过父组件传递类名给子组件的实现方法
2017/11/13 Javascript
解决vue页面刷新或者后退参数丢失的问题
2018/03/13 Javascript
js实现查询商品案例
2020/07/22 Javascript
python实现无证书加密解密实例
2014/10/27 Python
python3.5使用tkinter制作记事本
2016/06/20 Python
python实现按任意键继续执行程序
2016/12/30 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
用python 实现在不确定行数情况下多行输入方法
2019/01/28 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
Django实现CAS+OAuth2的方法示例
2019/10/30 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
匡威英国官网:Converse英国
2018/12/02 全球购物
应届生自荐书
2014/06/23 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
小学数学国培研修日志
2015/11/13 职场文书
解析MySQL索引的作用
2022/03/03 MySQL