logo

Trackpad/Mouse Gesture Detection

Professional trackpad and mouse gesture detection tool with full-page detection support.

Trackpad Gesture Detection

100%

Trackpad Gesture Color Guide

Mouse Movement Trail
Left Click (Single Finger Press)
Right Click (Two Finger Press)
Middle Click (Three Finger Press)
Wheel Zoom (Two Finger Zoom)

Perform trackpad gesture tests on canvas

Trail Points: 0

Strokes: 0

Current Stroke: 0
Zoom: 100%
Drag: (0, 0)
Ready
🔍 Debug Info
Current Gesture: None
Detection Status: Ready
Touch Support: No
Pointer Support: No
Mouse Movement Trail
0
Left Click
0
Right Click
0
Middle Click
0
Wheel Zoom
0

Trackpad Gesture Test Guide:

• Mouse Movement Trail：Mouse Movement: Move mouse on trackpad (light blue trail)

• Left Click：Left Click: Click and drag left button (dark blue trail)

• Right Click：Right Click: Click and drag right button (green trail)

• Right Drag：Right Drag: Hold and drag right button (green trail)

• Middle Click：Middle Click: Click and drag middle button (yellow trail)

• Wheel Zoom：Wheel Zoom: Ctrl+wheel or two-finger zoom (purple trail)

💡 Actual Test Method:

• Mouse Movement Trail：Mouse Movement: Move mouse on trackpad (light blue trail)

• Right Click：Right Click: Click and drag right button (green trail)

• Right Drag：Right Drag: Hold and drag right button (green trail)

• Middle Click：Middle Click: Click and drag middle button (yellow trail)

• Wheel Zoom：Wheel Zoom: Ctrl+wheel or two-finger zoom (purple trail)

• Observe console logs and debug panel for detection details

The blue dashed frame is the drawable area and supports trackpad gesture recognition.

Trackpad issue: settings or hardware?

Test one-finger move, two-finger scroll, and multi-finger gestures separately. If only one gesture fails, it is likely a configuration issue. If cursor drift appears everywhere, hardware wear is more likely.

Professional trackpad gesture detection tool that helps users quickly diagnose trackpad sliding functions and gesture recognition. Through full-page detection, it can detect up, down, left, and right swipes, two-finger zoom, and multi-finger gestures. It also supports real-time status monitoring and history tracking, making it useful for hardware checks and office equipment maintenance.
• Full-page gesture detection: supports up, down, left, and right swipes, two-finger zoom, and multi-finger gestures. • Real-time trail drawing: intuitive display of touch trails and gesture status. • Smart status monitoring: real-time display of gesture trigger status and detection information. • History record tracking: detailed logging of gesture operations and timestamps. • Multi-language support: supports 10 language interfaces. • Responsive design: adapts to various screen sizes and trackpad devices.
1. After entering the page, the entire page is the detection area. 2. Perform various sliding gestures on the trackpad. 3. Test vertical sliding: slide up and down. 4. Test horizontal sliding: slide left and right. 5. Test advanced gestures: two-finger zoom, two-finger tap, and three-finger swipe. 6. Observe real-time feedback in the trail drawing area. 7. View history records for detailed operation information. 8. Click the reset button to clear history records.
Built on the Touch Event API and Wheel Event API, this tool detects gestures by listening to touchstart, touchmove, touchend, and wheel events. It uses the Canvas 2D API to draw touch trails and Vue reactivity for real-time updates, providing intuitive visual feedback.
Office equipment maintenance
Q: Why use full-page detection? A: Trackpads need a large sliding area. Full-page capture avoids missing gestures because of a small test box. Q: What gestures are supported? A: Basic swipes (up/down/left/right), multi-finger touches, and common zoom/scroll gestures depending on your device and OS. Q: Why is my gesture not detected? A: Some gestures are handled by the OS, for example desktop switching, and never reach the browser. Try disabling system gestures temporarily or use a different gesture. Q: Do Windows Precision and macOS trackpads both work? A: Yes, but event behavior differs across operating systems and browsers. If something looks odd, compare Chrome with Edge or Safari. Q: How long can history records be saved? A: They stay until you refresh the page or reset the tool. Q: Is any data uploaded? A: No. Input events are processed locally in your browser.