Js公共函数------获得目标元素的位置{x, y}

灰太狼 2022-11-20 03:57 164阅读 0赞

还是废话不多说，直接上代码

/**
     * getElementPosition
     *
     * @description 获得目标元素x,y
     * @param {target} 目标元素
     * @return {object} {x, y}
     *
     */
     const getElementPosition = element => {
      let [actualLeft, actualTop, current] = [
        element.offsetLeft,
        element.offsetTop,
        element.offsetParent,
      ];
      while (current !== null) {
        actualLeft += current.offsetLeft;
        actualTop += current.offsetTop;
        current = current.offsetParent;
      }
      let [elementScrollLeft, elementScrollTop] = [0, 0];
    
      if (document.compatMode === 'BackCompat') {
        elementScrollLeft = document.body.scrollLeft;
        elementScrollTop = document.body.scrollTop;
      } else {
        elementScrollLeft = document.documentElement.scrollLeft;
        elementScrollTop = document.documentElement.scrollTop;
      }
    
      return {
        x: actualLeft - elementScrollLeft,
        y: actualTop - elementScrollTop,
      };
    };

拿去用吧！！！

发表评论取消回复

表情：

评论列表（有 0 条评论，164人围观）

还没有评论，来说两句吧...

相关阅读

相关检索 HTML 元素的位置 (X,Y)

问：我想知道如何在 JavaScript 中获取 img 和 div 等 HTML 元素的 X 和 Y 位置。答1: > huntsbot.com精选全球7大

素颜马尾好姑娘i/ 2024年03月29日 15:14/ 0 赞/ 61 阅读

相关 x(?=y)、x(?!y)、x*?、x+?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

Love The Way You Lie/ 2023年06月07日 05:46/ 0 赞/ 5 阅读

相关数据结构——删除x-y之间的元素

include<stdio.h> include<stdlib.h> define max 100 typedef stru

深藏阁楼爱情的钟/ 2022年12月24日 11:52/ 0 赞/ 75 阅读

相关 Js公共函数------获得目标元素的位置{x, y}

还是废话不多说，直接上代码 / getElementPosition @description 获得目标元素x,y @

灰太狼/ 2022年11月20日 03:57/ 0 赞/ 165 阅读

相关 Js公共函数------获取目标元素的高度height

废话不多说，直接上代码 / getElementHeight @description 获得目标元素height @p

朴灿烈づ我的快乐病毒、/ 2022年11月20日 03:56/ 0 赞/ 160 阅读

相关 pow(x,y)函数

实现浮点类型的幂运算，函数原型为: double pow(double x, int n) 在求解这个问题的时候是一个很挣扎的过程，因为它不是报错而是一直提示你超出时间，那

素颜马尾好姑娘i/ 2022年08月09日 12:53/ 0 赞/ 185 阅读

相关获得jquery元素的位置

jQuery选择器是非常方便的，使用jQuery能够为我们选择元素带来很多的方便，但是我们经常会遇到这样的情况就是我们需要判断当前元素的属于相同类或者相同类型的子元素，或者我们

r囧r小猫/ 2022年07月14日 15:28/ 0 赞/ 204 阅读

相关 js 设置任意的一个元素,移动到指定的目标位置(X)

> > <!DOCTYPE html> > <html lang="en"> > <head> > <meta charset="UTF-8"> >

矫情吗；*/ 2022年03月11日 04:12/ 0 赞/ 509 阅读

相关 js 把x,y轴两个数组变成[[x,y],[x,y]]的二维数组

例如有X轴数组xarr=\[2006,2007,2008\],Y轴数组yarr=\[12,15,18\],代码如下: //调用 mergexy([20

迷南。/ 2022年01月06日 23:37/ 0 赞/ 338 阅读

相关 x == (x = y) 不等于 (x = y) == x ？

简评：不瞒你说，我现在数数都是从 0 开始数的，整数是 1024。有这么一个 Java 程序： class Quirky { public static v...

灰太狼/ 2021年03月23日 13:44/ 0 赞/ 619 阅读