logo

트랙패드 / 마우스 제스처 감지

전체 화면에서 스와이프, 확대/축소, 탭 동작을 확인할 수 있는 트랙패드 테스트 도구입니다.

트랙패드 제스처 감지

100%

트랙패드 제스처 색상 가이드

마우스 움직임 트레일
왼쪽 클릭(한 손가락 누르기)
마우스 오른쪽 버튼 클릭(두 손가락 누르기)
가운데 클릭(세 손가락 누르기)
휠 줌(두 손가락 줌)

캔버스에서 트랙패드 제스처 테스트 수행

트레일 포인트: 0

스트로크: 0

현재 스트로크: 0
줌: 100%
견인: (0, 0)
준비가 된
🔍 디버그 정보
현재 제스처: 없음
탐지 상태: 준비가 된
터치 지원: 아니요
포인터 지원: 아니요
마우스 움직임 트레일
0
왼쪽 클릭
0
마우스 오른쪽 버튼 클릭
0
가운데 클릭
0
휠 줌
0

트랙패드 제스처 테스트 가이드:

• 마우스 움직임 트레일：마우스 이동: 트랙패드에서 마우스 이동(연한 파란색 트레일)

• 왼쪽 클릭：왼쪽 클릭: 왼쪽 버튼(짙은 파란색 트레일)을 클릭하고 드래그합니다.

• 마우스 오른쪽 버튼 클릭：오른쪽 클릭: 오른쪽 버튼(녹색 트레일)을 클릭하고 드래그합니다.

• 오른쪽 드래그：오른쪽 드래그: 오른쪽 버튼(녹색 트레일)을 누른 채 드래그합니다.

• 가운데 클릭：가운데 클릭: 가운데 버튼(노란색 트레일)을 클릭하고 드래그합니다.

• 휠 줌：휠 줌: Ctrl+휠 또는 두 손가락 줌(보라색 트레일)

💡 실제 테스트 방법:

• 마우스 움직임 트레일：마우스 이동: 트랙패드에서 마우스 이동(연한 파란색 트레일)

• 마우스 오른쪽 버튼 클릭：오른쪽 클릭: 오른쪽 버튼(녹색 트레일)을 클릭하고 드래그합니다.

• 오른쪽 드래그：오른쪽 드래그: 오른쪽 버튼(녹색 트레일)을 누른 채 드래그합니다.

• 가운데 클릭：가운데 클릭: 가운데 버튼(노란색 트레일)을 클릭하고 드래그합니다.

• 휠 줌：휠 줌: Ctrl+휠 또는 두 손가락 줌(보라색 트레일)

• 탐지 세부정보를 보려면 콘솔 로그 및 디버그 패널을 관찰하세요.

파란색 점선 프레임은 그리기 가능한 영역이며 트랙패드 제스처 인식을 지원합니다.

문제가 설정인가요, 하드웨어인가요?

한 손가락 이동, 두 손가락 스크롤, 다중 손가락 제스처를 나눠서 테스트하세요. 특정 동작만 실패하면 설정 문제일 가능성이 높고, 어디서나 커서가 흔들리면 하드웨어 마모 가능성이 더 큽니다.

이 도구는 트랙패드의 슬라이드 동작과 제스처 인식 상태를 빠르게 확인하도록 설계되었습니다. 페이지 전체를 테스트 영역으로 사용하므로 상하좌우 스와이프, 확대/축소, 다중 손가락 제스처를 실제 사용에 가까운 조건에서 점검할 수 있습니다.
- 전체 화면 제스처 감지 - 입력 궤적 실시간 표시 - 제스처 상태와 끊김 즉시 모니터링 - 동작 기록과 시간 정보 저장 - 스와이프, 확대/축소, 다중 손가락 입력 점검 지원
1. 페이지 위에서 트랙패드나 마우스를 움직입니다. 2. 위, 아래, 왼쪽, 오른쪽 스와이프를 차례대로 시도합니다. 3. 두 손가락 스크롤과 확대/축소도 확인합니다. 4. 탭과 다중 손가락 제스처 반응을 점검합니다. 5. 반응하지 않는 동작이 있으면 재설정 후 다시 테스트합니다.
touchstart, touchmove, touchend, wheel 이벤트를 추적하고 Canvas 2D에 궤적을 그려 입력 반응을 시각화합니다. 브라우저에 실제로 전달된 입력만 검사하므로, 운영체제가 먼저 처리하는 제스처는 감지되지 않을 수 있습니다.
사무기기 유지보수
Q: 왜 전체 화면에서 감지하나요? A: 트랙패드 제스처는 넓은 영역에서 확인할수록 재현이 쉽고, 작은 테스트 상자보다 중간에 동작이 끊길 가능성이 적기 때문입니다. Q: 어떤 제스처를 지원하나요? A: 상하좌우 기본 스와이프, 다중 손가락 탭, 확대/축소와 스크롤 등 기기와 OS가 브라우저에 전달하는 입력을 확인할 수 있습니다. Q: 제스처가 감지되지 않는 이유는 무엇인가요? A: 데스크톱 전환처럼 일부 동작은 운영체제가 먼저 처리하므로 브라우저까지 전달되지 않을 수 있습니다. Q: Windows Precision과 macOS 트랙패드 모두 사용할 수 있나요? A: 가능합니다. 다만 OS와 브라우저마다 이벤트 처리 방식이 달라 Chrome, Edge, Safari를 비교해 보는 것이 좋습니다. Q: 데이터가 업로드되나요? A: 아니요. 입력 이벤트는 브라우저 안에서 로컬로만 처리됩니다.