魁梧书包

文章
8
资源
0
加入时间
2年10月21天

React 使用onMouseDown、onMouseMove、onMouseUp完美实现悬浮球拖动

近期需要做一个全局的小助手,类似于360加速球的效果,在网页中就需要组件的拖动。但是使用onDrag实现拖动,需要设置放置的容器,否则拖动时会出现禁止标志,很难受。所以想着给组件加上鼠标事件,通过鼠标事件来改变组件的绝对位置实现拖动。1.实现组件的拖动import React, { useRef, useEffect, useState } from 'react';const onMouseDown = (ref, setDraggable) => (e) => {