Estoy tratando de hacer lo siguiente:

1. El usuario hace clic con el botón izquierdo y mantiene presionado el clic, a medida que el usuario mueve el mouse (mientras mantiene presionado el botón izquierdo), el evento de movimiento del puntero se consola.log "Movimiento del puntero"
2. Al soltar el clic izquierdo (también conocido como evento de apuntar hacia arriba), quiero eliminar el evento de movimiento del puntero, por lo tanto, cuando un usuario mueve el mouse, ya no consola.log "Movimiento del puntero"

Ahora tengo algo en el que mi evento 'pointermove' siempre se activa incluso después de activar el evento de puntero hacia arriba y eliminarlo. Puede verlo en el registro aquí: después de apuntar hacia arriba, no quiero que se mueva más el puntero:

Aquí está el código:

 class Controls{ constructor() { this.setControls(); this.onPointerDown(); } setControls() { window.addEventListener("pointerdown", this.onPointerDown); } onPointerDown(event) { window.addEventListener("pointermove", this.onPointerMove); window.addEventListener("pointerup", this.onPointerUp); console.log("Pointer Down"); } onPointerMove(event) { console.log("Pointer Move"); } onPointerUp(event) { console.log("Pointer Up"); window.removeEventListener("pointermove", this.onPointerMove); window.removeEventListener("pointerup", this.onPointerUp); } } let controls = new Controls();

 <div>Test</div>