电脑计算机编程入门教程自学:原生JavaScript解决offsetX兼容性问题

Admin Admin
发布:2018-09-12 08:00:00 分类:心得经验
原生JavaScript解决offsetX兼容性问题:
1 // 针对火狐不支持offsetX/Y
 2 function getOffset(e){
 3   var target = e.target, // 当前触发的目标对象
 4       eventCoord,
 5       pageCoord,
 6       offsetCoord;
 7 
 8   // 计算当前触发元素到文档的距离
 9   pageCoord = getPageCoord(target);
10 
11   // 计算光标到文档的距离
12   eventCoord = {
13     X : window.pageXOffset + e.clientX,
14     Y : window.pageYOffset + e.clientY
15   };
16 
17   // 相减获取光标到第一个定位的父元素的坐标
18   offsetCoord = {
19     X : eventCoord.X - pageCoord.X,
20     Y : eventCoord.Y - pageCoord.Y
21   };
22   return offsetCoord;
23 }
24 
25 function getPageCoord(element){
26   var coord = { X : 0, Y : 0 };
27   // 计算从当前触发元素到根节点为止,
28   // 各级 offsetParent 元素的 offsetLeft 或 offsetTop 值之和
29   while (element){
30     coord.X += element.offsetLeft;
31     coord.Y += element.offsetTop;
32     element = element.offsetParent;
33   }
34   return coord;
35 }
[ 发单/接单 ]
换IP投票软件
PC蛋蛋自动挂机投注
新浪微博发微博显示尾巴的方法,比如显示来自iphone 7
百度文库批量自动上传软件
一点资讯app刷阅读量/评论/收藏/订阅功能/手机号注册
定做一个阿迪达斯官网注册器(需要破点击文字式验证码)
定制人人网自动注册/修改资料/采集/私聊软件
酷狗繁星直播网页协yi
YY多功能刷订阅刷粉丝
滑块验证码本地识别
[ 站内搜索 ]
[ 最近热帖 ]
aardio调用nodejs的ws模块做一个简单的聊天通信示例 1578
Aardio文本编辑框控件edit_返回父窗口对象和改变父窗口对象 1526
电脑计算机编程入门教程自学:腾讯tx或极验geetest滑块按住拖动完成拼图验证成功破解思路及源码 1516
乐玩插件AARDIO调用 1428
用aardio创建web工程图文讲解(1) 1412
通过chrome.dll中间件控制外部chrome浏览器 1358
分享超级无敌好用的JS编辑器visual studio code 1343
Aardio文本编辑框控件edit_限制字符数 1317
万能助手入门帮助教程:学会科学地管理工作文件 1311
分享一个刚写的aar代码格式化工具源码 1224
Aardio文本编辑框控件edit_修改字体颜色数值和获取字体颜色数值 1091
求教大佬,aardio怎么抓https数据包 982
Aardio文本编辑框控件edit_是否只读禁止编辑 979
Aardio文本编辑框控件edit_取控件所在的父窗口对象 934
Aardio文本编辑框控件edit_左右顶底坐标和宽高 893
[ 近期热答 ]
kio,这么干会不会被封杀? 2
python人工智能爬虫系列:怎么查看python版本_电脑计算机编程入门教程自学 1
万能助手入门帮助教程:拖拽调整节点位置[动图] 1
电脑计算机编程入门教程自学:使用百度地图API接口分页获取信息 1
【提问】万能助手界面怎么调节文字大小 2
头疼的小问题,关于助手 3
万能助手账户登录不上 3
万能助手 -- 扩展库大全集 4
万能助手 -- 最好用的桌面图标快捷方式管理工具 下载 8
求教:json提取出某一内容 1
像这样调整控件大小是怎么实现的? 2
请教aardio的文本框取数据库中的16进制数据(汉字)是乱码 2
制作GIF录制工具遇到的问题 1
aardio中怎么获取拖入文件的小图标显示到界面然后保存到本地? 4
给aardio的plus编辑框加上 得到焦点 失去焦点 按下回车键 三个消息的响应处理_电脑编程入门教程 1