发布: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密度,将浏览框的宽高转成屏幕的坐标
代码可能在不同手机上有偏移小差距,自己调整。
涛声依旧 Time: 2022-05-14 10:25:10
评论ID
芒果一号 Time: 2022-05-14 10:27:52
评论ID
大佬牛逼啊
一线天 Time: 2022-05-14 10:30:46
评论ID
一个字不错
哈哈哈哈哈哈 Time: 2022-05-14 10:59:49
评论ID
点赞
阿海 Time: 2022-05-14 17:04:04
评论ID
梦幻水晶 Time: 2022-05-14 21:38:23
评论ID
测试下
牧码人 Time: 2022-05-15 17:53:49
评论ID
199****9988 Time: 2022-05-22 22:28:40
评论ID
这个代码很不错 1653229719844