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

发布: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;

8 // 计算当前触发元素到文档的距离

9 pageCoord = getPageCoord(target);

11 // 计算光标到文档的距离

12 eventCoord = {

13 X : window.pageXOffset + e.clientX,

14 Y : window.pageYOffset + e.clientY

15 };

17 // 相减获取光标到第一个定位的父元素的坐标

18 offsetCoord = {

19 X : eventCoord.X - pageCoord.X,

20 Y : eventCoord.Y - pageCoord.Y

21 };

22 return offsetCoord;

23 }

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多功能刷订阅刷粉丝; ● 滑块验证码本地识别; ● 狼人杀POST QQ登录注册获取金币数量; ● 做个贴吧发发帖的软件懂的来; ● 今日头条账号保存cookie; ● 抖音粉丝软件定做,只要粉丝; ● 百家号自媒体发文软件定制; ● 哔哩哔哩播放量; ● 读取TB某个商品上架时间和相关信息; ● 网易博客软件定制; ● 定制天涯论坛发帖软件; ● 定制今日头条批量自动发私信软件

[ 最近热帖 ]: 万能助手 -- 扩展库大全集  14655; 用aardio创建web工程图文讲解(1)  13976; 电脑编程入门自学:Fiddler https 抓包时提示创建根证书不成功问题彻底解决(https插件dll方式)  12576; aardio绘图演示  12214; 通过chrome.dll中间件控制外部chrome浏览器  11401; 我常用的aardio技巧  10574; 《边学C语言边赚钱——简码编程入门教程》系列集合  10192; aardio使用http或whttp进行get/post请求时经常cookies失效怎么办？__电脑计算机编程入门教程自学  10108; [源码下载]简码视频加密解密播放工具个人版v1.0发布,永久免费开源的知识变现神器  9285; 编程入门教程:aardio批量上传文件并显示进度条  8766; python人工智能爬虫系列:怎么查看python版本_电脑计算机编程入门教程自学  8630; aardio调用nodejs的ws模块做一个简单的聊天通信示例  7887; 电脑计算机编程入门教程自学:原生JavaScript判断字符是否为A-Za-z英文字母  7408; 电脑计算机编程入门教程自学:腾讯tx或极验geetest滑块按住拖动完成拼图验证成功破解思路及源码  7245; 乐玩插件AARDIO调用  7010

[ 近期热答 ]: 电脑计算机编程入门教程自学:什么是buffer缓冲区?  1; aardio_代码编辑框书签管理器开源  1; aardio_怎么用ide库从代码编辑框中取出指定行的源码?  1; aardio_codepage代码页编码乱码暴力猜解工具  1; aardio内嵌echarts图表添加鼠标事件响应功能  2; aardio列表框listbox_模糊查找和精确查找  1; 8亿QQ绑定手机泄露:通过腾讯QQ号查询QQ绑定的手机号码漏洞!  1; carl listviewex调用例子----------源码搬运工  2; Aardio内嵌Electron浏览框怎么正确添加启动参数?  1; Aardio取汉字的字节数或字符数  1; 怎么实现mssql图片数据的读写  2; aardio_从49个数字里选六个和值为150的不重复的数字  1; 在嵌入wps的时候，多了一个透明的边框，这个怎么消除它  1; 万能助手入门帮助教程:学会科学地管理工作文件  1; Aaardio开发内嵌Electron浏览框放服务器上无法下载组件的解决办法  1