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);
}}