美文网首页
div onclick offset undefined

div onclick offset undefined

作者: 板栗炖牛肉 | 来源:发表于2021-01-14 08:59 被阅读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);
                    }}
    

    相关文章

      网友评论

          本文标题:div onclick offset undefined

          本文链接:https://www.haomeiwen.com/subject/zyvmaktx.html