React技巧获取鼠标坐标位置

2022-08-19 15:31:10 浏览数 (1)

原文链接:https://bobbyhadz.com/blog/react-get-mouse-position[1]

作者:Borislav Hadzhiev[2]

正文从这开始~

总览

在React中获得鼠标位置:

  1. 在元素上设置onMouseMove属性,或者在window对象上添加事件监听器。
  2. 提供事件处理函数。
  3. event对象上访问相关属性。
代码语言:javascript复制
import {useEffect, useState} from 'react';

export default function App() {
  const [coords, setCoords] = useState({x: 0, y: 0});

  const [globalCoords, setGlobalCoords] = useState({x: 0, y: 0});

  useEffect(() => {
    // 


	

0 人点赞