Tengo un juego tipo Candy Crush y uso estos cuatro oyentes para intercambiar elementos.

 canvas.addEventListener('mousemove', onMouseMove); canvas.addEventListener('mousedown', onMouseDown); // also tried pointerup and pointerdown canvas.addEventListener('mouseup', onMouseUp); canvas.addEventListener('mouseout', onMouseOut);

Funciona perfectamente en el escritorio, pero a veces el segundo clic (mouse hacia abajo) (en el segundo mosaico no se dispara en absoluto). Me refiero a que no se está llamando a la función de escucha. tengo

 cursor: pointer

en mi CSS y no sé qué hacer.

Nota: si hace clic la próxima vez en algún lugar del lienzo, el evento se activará como si se hubiera hecho clic en el lugar anterior. Entonces, si quiero cambiar los lugares de las fichas x: 0, y: 0 y x: 0, y: 1:

1. Selecciono el primer mosaico (x: 0, y: 0)
2. Intento seleccionar el segundo mosaico (x: 0, y: 1). El evento no se está desencadenando
3. Si hago clic en cualquier mosaico al azar, esos dos intercambiarán lugares de alguna manera

¡Ayuda por favor! ¡Gracias!