logo

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

전체 페이지 감지를 지원하는 전문 트랙패드/마우스 제스처 감지 도구

트랙패드 제스처 감지

100%

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

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

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

트레일 포인트: 0

스트로크: 0

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

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

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

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

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

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

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

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

💡 실제 테스트 방법:

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

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

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

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

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

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

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

사용자가 트랙패드 슬라이딩 기능 및 제스처 인식을 신속하게 진단하는 데 도움이 되는 전문 트랙패드 제스처 감지 도구입니다. 전체 페이지 감지를 통해 위, 아래, 왼쪽, 오른쪽 슬라이딩, 두 손가락 확대/축소, 여러 손가락 제스처 등을 감지할 수 있으며 실시간 상태 모니터링 및 이력 기록 추적을 지원하므로 하드웨어 감지 및 사무 장비 유지 관리에 필수적인 도구입니다.
• 전체 페이지 동작 감지: 위, 아래, 왼쪽, 오른쪽 슬라이딩, 두 손가락 확대/축소, 여러 손가락 동작 지원 • 실시간 트레일 그리기: 터치 트레일 및 동작 상태를 직관적으로 표시 • 스마트 상태 모니터링: 제스처 트리거 상태 및 감지 정보를 실시간으로 표시합니다. • 내역 기록 추적: 모든 제스처 작업 및 타임스탬프에 대한 자세한 기록 • 다국어 지원: 10개 언어 인터페이스 지원 • 반응형 디자인: 다양한 화면 크기와 트랙패드 장치에 맞게 조정됩니다.
1. 페이지 진입 후 페이지 전체가 감지 영역이 됩니다. 2. 트랙패드에서 다양한 슬라이딩 제스처 수행 3. 수직 슬라이딩 테스트: 위아래로 슬라이드 4. 수평 슬라이딩 테스트: 왼쪽 및 오른쪽으로 슬라이드 5. 고급 제스처 테스트: 두 손가락 확대/축소, 두 손가락 탭, 세 손가락 스와이프 6. 트레일 그리기 영역에서 실시간 피드백 관찰 7. 자세한 운영 정보를 보려면 이력 기록을 확인하세요. 8. 기록을 삭제하려면 재설정 버튼을 클릭하세요.
Touch Event API 및 Wheel Event API를 기반으로 개발되었으며, touchstart, touchmove, touchend 및 휠 이벤트를 수신하여 제스처 감지를 구현합니다. Canvas 2D API를 사용하여 터치 트레일을 그리고 실시간 데이터 업데이트를 위해 Vue 반응 시스템을 적용하며 이벤트 수정자를 결합하여 성능을 최적화하고 직관적인 시각적 피드백을 제공합니다.
💻 사무용품 일일 유지관리
Q: 전체 페이지 감지를 사용하는 이유는 무엇입니까? A: 트랙패드에는 넓은 슬라이딩 공간이 필요하며, 전체 페이지 감지를 통해 "막히는 현상"에 대한 사용자의 우려를 피할 수 있습니다. Q: 어떤 제스처가 지원되나요? A: 기본 슬라이딩(위, 아래, 왼쪽, 오른쪽) 및 고급 제스처(두 손가락 확대/축소, 여러 손가락 슬라이딩)를 지원합니다. Q: 이력 기록은 언제까지 보관할 수 있나요? A: 페이지 새로고침 또는 수동 재설정 전까지 계속 저장됩니다. Q: 어떤 장치가 호환됩니까? A: 모든 표준 트랙패드 장치와 최신 브라우저를 지원합니다.