feat: use combined mouse event handler
This commit is contained in:
@@ -120,7 +120,7 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
|
|||||||
handleMouseEventForGetText(event);
|
handleMouseEventForGetText(event);
|
||||||
};
|
};
|
||||||
|
|
||||||
canvasRef.current.addEventListener('mousedown', onMouseEvent);
|
canvasRef.current.addEventListener('mousedown', combinedMouseEventHandler);
|
||||||
canvasRef.current.addEventListener('mousemove', onMouseEvent);
|
canvasRef.current.addEventListener('mousemove', onMouseEvent);
|
||||||
canvasRef.current.addEventListener('wheel', onMouseEvent, { passive: true });
|
canvasRef.current.addEventListener('wheel', onMouseEvent, { passive: true });
|
||||||
canvasRef.current.addEventListener('keydown', onKeyboardEvent);
|
canvasRef.current.addEventListener('keydown', onKeyboardEvent);
|
||||||
@@ -128,7 +128,7 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
|
|||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
if (canvasRef.current) {
|
if (canvasRef.current) {
|
||||||
canvasRef.current.removeEventListener('mousedown', onMouseEvent);
|
canvasRef.current.removeEventListener('mousedown', combinedMouseEventHandler);
|
||||||
canvasRef.current.removeEventListener('mousemove', onMouseEvent);
|
canvasRef.current.removeEventListener('mousemove', onMouseEvent);
|
||||||
canvasRef.current.removeEventListener('wheel', onMouseEvent);
|
canvasRef.current.removeEventListener('wheel', onMouseEvent);
|
||||||
canvasRef.current.removeEventListener('keydown', onKeyboardEvent);
|
canvasRef.current.removeEventListener('keydown', onKeyboardEvent);
|
||||||
|
|||||||
Reference in New Issue
Block a user