欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js获取距离屏幕的坐标

程序员文章站 2022-05-01 12:33:59
...

首先计算js距离浏览器窗口的坐标:

let X = $('#test').offset().left + window.screenLeft;
let Y = $('#test').offset().top;

再计算浏览器距离屏幕的宽和高,通过window.screenLeft和window.screenTop获取浏览器距离屏幕的偏移量;

两者相加就可以得到距离屏幕的坐标:

let X = $('#test').offset().left + window.screenLeft;
let Y = $('#test').offset().top + window.screenTop;

Y轴部分还缺少浏览器工具栏的高度,

window.outerHeight:浏览器高度

window.innerHeight:浏览器可用高度

工具栏高度=window.outerHeight-window.innerHeight。

最终坐标为:

let X = $('#test').offset().left + window.screenLeft;
let Y = $('#test').offset().top + window.screenTop + window.outerHeight - window.innerHeight;

 

相关标签: javascript