Tengo algunos detectores de eventos de mouse vinculados a cada instancia de clase que dibuja un lienzo. Debería escuchar los cambios en los eventos del mouse cuando ocurren ciertos eventos. Y necesita realizar un seguimiento de los eventos del mouse, incluso cuando se hace clic con el mouse y se mueve por el documento.

El problema es que, a veces, cuando se hace clic con el mouse y se mueve por la pantalla, marca algo de texto o incluso un espacio en blanco. Luego, cuando sigo moviendo el mouse, el navegador muestra el símbolo de "acción prohibida" y deja de rastrear los eventos.

Esta es una imagen del problema: oyentes rotos

Cada lienzo es una instancia de clase y tiene sus propios oyentes, así es como lo configuro dentro de la clase:

 this.canvas.addEventListener('mousedown', (e) => { // code } }); document.documentElement.addEventListener('mouseout', (e) => { // code } }); document.documentElement.addEventListener('mouseover', (e) => { // code } }); document.documentElement.addEventListener('mouseup', (e) => { // code } });