快速拖动元素时出现故障

Question

我想使整个 div 可拖动，但我想在使用 div 的特定子项拖动时动态调整其位置（即 div 内的其他区域不会让你移动它）。我已经编写了一个代码片段，但是当我更快地移动光标时它会出现故障。

提前致谢！！！

Answer 1

好吧，这是因为您的 onMouseMove 事件侦听器在 box2 div 上。因此当您将光标悬停在 box2 上时移动光标会触发事件。所以当你快速移动鼠标时，它会跳出盒子一会儿，不会触发事件。

您可以将 onMouseMove={dragMouseMove} 放在 div 上，使用 class“App”，如下所示：

<div className="App" onMouseMove={dragMouseMove}>

在风格上你可以这样写：

.App {
      font-family: sans-serif;
      text-align: center;
      width: 100vw;
      height: 100vh;
}

Glitches while dragging the element fastly