美文网首页
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

    前言 环境背景是React开发。在一次需要获取相对于父级容器的x、y时,发现竟然没有offset只有page和sc...

  • offset client scroll screen关键

    offset div.offsetTop 指div距离上方或上层控件的位置,整型,单位像素。 div.offset...

  • 14-jQuery方法之位置操作

    offset()position() 两个div

  • js一些基础知识1

    1、第一个JS程序: 2、onclick="div1.style.display='block';" div1: ...

  • 阻止事件冒泡

    阻止事件冒泡的兼容: 什么是事件冒泡:当父div和子div共同加入onclick事件时,当触发子div的oncli...

  • 13 js08 事件

    事件:交互体验的核心,div.onclick = function(){};// "="号左边就是事件了,右边是触...

  • 自己用js写的一个tab卡

    整体思想:元素上加onclick()监听,js设置div的style来控制显示与否 记得加上js控制:

  • 事件高级

    1. 事件绑定 给元素添加一个事件。//div.onclick = function(){};上面这种事件的添加方...

  • 2018-10-20

    1. 事件绑定 给元素添加一个事件。//div.onclick = function(){};上面这种事件的添加方...

  • HTML 代码

    一、点击div时页面进行跳转,通过onclick事件来实现 1.通过window.open函数 在新窗口跳转 在...

网友评论

      本文标题:div onclick offset undefined

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