Quiero hacer que un div completo se pueda arrastrar, pero quiero cambiar su posición dinámicamente mientras lo arrastro usando un elemento secundario específico de ese div (es decir, otra área dentro de ese div no te permitirá moverlo). He escrito un fragmento de código pero falla cuando muevo el cursor más rápido.
Aquí está el enlace decodesandbox: enlace de codesandbox
Aquí está el ejemplo: https://qzqlyk.csb.app/
¡¡¡Gracias por adelantado!!!
Bueno, eso sucede porque su detector de eventos onMouseMove está en box2 div. por lo tanto, el evento se activa cuando mueve el cursor cuando se desplaza sobre box2 . Entonces, cuando mueve rápidamente el mouse, se sale de la caja por un momento y no activa el evento.
Puede poner onMouseMove={dragMouseMove} en div con la clase "Aplicación" de esta manera:
<div className="App" onMouseMove={dragMouseMove}>y con estilo puedes poner esto:
.App { font-family: sans-serif; text-align: center; width: 100vw; height: 100vh; }