screenX 和 screenY 没有让我知道点击的确切坐标

大佬教程收集整理的这篇文章主要介绍了screenX 和 screenY 没有让我知道点击的确切坐标，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决screenX 和 screenY 没有让我知道点击的确切坐标？

开发过程中遇到screenX 和 screenY 没有让我知道点击的确切坐标的问题如何解决？下面主要结合日常开发的经验，给出你关于screenX 和 screenY 没有让我知道点击的确切坐标的解决方法建议，希望对你解决screenX 和 screenY 没有让我知道点击的确切坐标有所启发或帮助； @H_616_2@我试图在每次点击屏幕中的一个位置时呈现一个框的地方构建它。它应该在点击的确切位置呈现，但事实并非如此。相反，它让我的位置比应有的位置高出或向左几米。

import React,{useStatE} from 'react'
import mainImage from '../img/mariobrosmain.jpg'
import '../main.CSS'
import Box from '../pages/Box.Js'

function Main() {

  const [style,setStyle] = useState();

  const imageClick = (x,y) => {
    const newStyle = {position: "absolute",zIndex: 2,borderRadius: "2px solID red",border: "4px solID red",height: "50px",paddingleft: "50px",left:`${x}px`,top:`${y}px`
          }
    return newStyle
  }

    return (
        <div ID="frame">
          <div ID="mainImage" style = {stylE}></div>
          <img src={mainImagE} classname="mariobros____image" onClick={e => setStyle(imageClick(e.screenX,e.screenY))} />
        </div>
    )
}

export default Main

解决方法

@H_616_2@暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

@H_616_2@如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

@H_616_2@小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的screenX 和 screenY 没有让我知道点击的确切坐标全部内容，希望文章能够帮你解决screenX 和 screenY 没有让我知道点击的确切坐标所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。