如何解决在div元素内部拖动的问题?

问题描述

我正在使用React JS,并有一个父div,其中有多个嵌套的div元素,它们构成了20x30的网格。网格中的每个单元格都是一个div元素。 我想使用onMouseDown,onmouseup,onMouseMove添加一些可拖动事件。但是我发现,如果我快速单击并拖动鼠标,经常会在网格中出现“无操作”鼠标指针。下面的屏幕截图

enter image description here

但是,如果缓慢执行相同的操作,则可以毫无问题地实现拖动。

当实现了鼠标动作处理程序(onMouseDown,onmouseup,onMouseMove)时,我注意到当问题发生时,onMouseDown事件被击中,但是onMouseMove不起作用。当我释放鼠标按钮时,也不会触发onmouseup

即使不附加鼠标事件侦听器,问题仍然存在。

解决方法

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

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

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