火山安卓_浏览框元素坐标到屏幕坐标

源码信息 :

发布:2022-05-14 10:23:46  阅读:130

转载本源码必须注明出处,欢迎加入官群【445790831】

上传用户 :

源码归属:利快云编程教育平台

源码状态 :

资源状态:免费下载

源码好评 :

源码下载 :

利快云编程教育平台的头像

开源作者:【利快云编程教育平台】

个性签名:增强知识,努力学习,我爱利快云

注意:必须是全屏窗口,且必须浏览器也是全屏的!

这边使用的云手机做测试,可能在实体手机上面坐标会有略微的差别,可以自己+差距的坐标调整。

先说说思路:

function ReturnZB(){
var kk=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
			return getTop(document.getElementsByClassName('layui-icon layui-carousel-arrow')[0])+"__"+getLeft(document.getElementsByClassName('layui-icon layui-carousel-arrow')[0])+"__"+window.screen.width+"__"+kk
		}
		function getTop(e){
			var offset=e.offsetTop;
			if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
			return offset;
		}
		function getLeft(e){
			var offset=e.offsetLeft;
			if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
			return offset;
		}
ReturnZB()

上面的代码分别获取元素的顶部坐标、横向坐标、浏览框的宽度、浏览框的高度!

然后下面代码通过火山计算屏幕DPI密度,将浏览框的宽高转成屏幕的坐标

 

代码可能在不同手机上有偏移小差距,自己调整。

默认排序
Generic placeholder image
涛声依旧 Time: 2022-05-14 10:25:10

......

Generic placeholder image
芒果一号 Time: 2022-05-14 10:27:52

大佬牛逼啊

Generic placeholder image
一线天 Time: 2022-05-14 10:30:46

一个字不错

Generic placeholder image
哈哈哈哈哈哈 Time: 2022-05-14 10:59:49

点赞                  

Generic placeholder image
阿海 Time: 2022-05-14 17:04:04

Generic placeholder image
梦幻水晶 Time: 2022-05-14 21:38:23

测试下

Generic placeholder image
牧码人 Time: 2022-05-15 17:53:49

Generic placeholder image
199****9988 Time: 2022-05-22 22:28:40

这个代码很不错 1653229719844



火山安卓_浏览框元素坐标到屏幕坐标