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之HTMLCollection接口代码
Apr 27 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
如何测量vue应用运行时的性能
Jun 21 Javascript
layui--js控制switch的切换方法
Sep 03 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
你不知道的SpringBoot与Vue部署解决方案
Nov 09 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执行速度全攻略(上)
2006/10/09 PHP
php 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
关于Laravel-admin的基础用法总结和自定义model详解
2019/10/08 PHP
Javascript将string类型转换int类型
2010/12/09 Javascript
jquery列表拖动排列(由项目提取相当好用)
2014/06/17 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
深入解析Python中的lambda表达式的用法
2015/08/28 Python
Python批量修改文本文件内容的方法
2016/04/29 Python
Python文件操作,open读写文件,追加文本内容实例
2016/12/14 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
python实现图片插入文字
2019/11/26 Python
PyTorch-GPU加速实例
2020/06/23 Python
Python基础教程之输入输出和运算符
2020/07/26 Python
HTML5之语义标签介绍
2016/07/07 HTML / CSS
会计专业毕业生自荐书
2014/06/25 职场文书
单位委托书格式范本
2014/09/29 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
承诺书应该怎么写?
2019/09/10 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
用JS创建一个录屏功能
2021/11/11 Javascript
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript
Nginx利用Logrotate实现日志分割
2022/05/20 Servers