div onclick offset undefined

2021-01-14  本文已影响0人  板栗炖牛肉

前言

环境背景是React开发。在一次需要获取相对于父级容器的x、y时,发现竟然没有offset只有page和screen。这就很尴尬了

解决方案

1.项目框架不一样,有些坐标不好获取、所以

  onClick={(e) => {
                    let x = e.clientX;·
                    let y = e.clientY;
                    let div = e.currentTarget;  //获取实例
                    let ss = div.getBoundingClientRect();  //object、有相对与容器的坐标
                    x = x - ss.left;   //相对父级的x
                    y = y - ss.top;    //相对父级的y
                    console.info('点击坐标:', x, y, e);
                }}
上一篇下一篇

猜你喜欢

热点阅读