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中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
JavaScript基础语法、dom操作树及document对象
Dec 02 Javascript
Javascript writable特性介绍
Feb 27 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
浅析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 date()日期时间函数详解
2010/05/16 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
PHP-FPM 的管理和配置详解
2019/02/17 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
struts2+jquery组合验证注册用户是否存在
2014/04/30 Javascript
js实现window.open不被拦截的解决方法汇总
2014/10/30 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
[02:16]DOTA2英雄基础教程 干扰者
2014/01/15 DOTA
Python采集腾讯新闻实例
2014/07/10 Python
基于Python os模块常用命令介绍
2017/11/03 Python
python感知机实现代码
2019/01/18 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
香港礼品网站:GiftU eshop
2017/09/01 全球购物
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
生物制药自我鉴定
2014/01/25 职场文书
小学校本培训方案
2014/06/06 职场文书
村支部书记群众路线对照检查材料思想汇报
2014/10/08 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
学生个人总结范文
2015/02/15 职场文书
工作感言一句话
2015/08/01 职场文书
学生会任命书范本
2015/09/21 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
Python中的 Set 与 dict
2022/03/13 Python