反应,想获取当前元素的当前鼠标位置

时间:2019-05-31 00:59:45

标签: javascript reactjs

我想获得

中的当前鼠标位置,然后在
中的那个位置上绘制一些东西。

div div[id='gf-BIG']

我尝试使用React Framework进行编码。问题是我无法获得准确的绘画位置

我搜索了如何获取当前元素在React中的当前位置,并在下面尝试了

<chrome screen>
----------------------------------------------
|                                            |
|    <div>                                   |
|    --------------------------              |
|    |                        |              |
|    |                        |              |
|    | .  <-- mouse position and i want to draw something here  
|    |        when clicking here             |
|    |------------------------|              |
|                                            |
|--------------------------------------------|

简而言之, 如何在React中获取div的当前鼠标位置?

1 个答案:

答案 0 :(得分:0)

I made you a pen使用e.clientX - e.target.offsetLefte.clientY - e.target.offsetTop。画布的左上角(粉红色)给了我0,0,这似乎是正确的。