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 表单验证常见正则
Sep 28 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
jQuery中removeClass()方法用法实例
Jan 05 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
jQuery实现强制cookie过期方法汇总
May 22 Javascript
jquery Easyui快速开发总结
Aug 20 Javascript
JavaScript创建对象方法实例小结
Sep 03 Javascript
详解使用React制作一个模态框
Mar 14 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
vue-video-player 断点续播的实现
Feb 01 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
php max_execution_time执行时间问题
2011/07/17 PHP
浅谈PHP变量作用域以及地址引用问题
2013/12/27 PHP
解决出现SoapFault (looks like we got no XML document)的问题
2017/06/24 PHP
Array对象方法参考
2006/10/03 Javascript
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
JS方法调用括号的问题探讨
2014/01/24 Javascript
原生javascript实现简单的datagrid数据表格
2015/01/02 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
2018/01/24 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
vue.js中ref及$refs的使用方法解析
2019/10/08 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
如何在Vue项目中添加接口监听遮罩
2021/01/25 Vue.js
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
Python从MP3文件获取id3的方法
2015/06/15 Python
Python随机生成带特殊字符的密码
2016/03/02 Python
浅谈Python浅拷贝、深拷贝及引用机制
2016/12/15 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
基于Python解密仿射密码
2019/10/21 Python
Python hashlib模块加密过程解析
2019/11/05 Python
在TensorFlow中实现矩阵维度扩展
2020/05/22 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
美国顶级奢侈茶:Mighty Leaf Tea(美泰茶)
2016/11/26 全球购物
澳大利亚运动鞋商店:Platypus Shoes
2019/09/27 全球购物
九一八事变纪念日演讲稿
2014/09/14 职场文书
党的群众路线教育实践活动党员个人整改措施
2014/10/27 职场文书
吃通javascript正则表达式
2021/04/21 Javascript
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server