js 元素距离电脑设备的坐标位置

愤怒的佛手瓜

已于 2023-01-11 17:00:09 修改

阅读量89

点赞数

分类专栏： js 文章标签： javascript 前端 vue.js

于 2022-12-26 19:32:32 首次发布

本文链接：https://blog.csdn.net/h666000/article/details/128448460

版权

js 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

// 返回元素距离当前设备的 leftTop的X与Y轴 rightBottom的X与Y轴
const returnCoordinateXY = (el: any) => {
    let elindex = el.getBoundingClientRect();
    console.log(elindex);
    let toolsHeight = window.outerHeight - document.body.clientHeight; //浏览器的工具栏高度 当算出是负数时说明浏览器全屏状态
    let leftTopY = Math.sign(toolsHeight) == 1 ? Math.round(elindex.top + toolsHeight + window.screenY) : Math.round(elindex.top);
    let leftTopX = Math.sign(toolsHeight) == 1 ? Math.round(elindex.left + window.screenX) : Math.round(elindex.left);
    let rightBottomY = Math.sign(toolsHeight) == 1 ? Math.round(elindex.bottom + toolsHeight + window.screenY) : Math.round(elindex.bottom);
    let rightBottomX = Math.sign(toolsHeight) == 1 ? Math.round(elindex.right + window.screenX) : Math.round(elindex.right);
    return {
        leftTop: {
            leftTopY,
            leftTopX,
        },
        rightBottom: {
            rightBottomY,
            rightBottomX,
        },
    };
};