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：包含基本滑動、多指點按，以及裝置與系統會傳給瀏覽器的縮放或捲動手勢。 Q：為什麼我的手勢沒有被偵測到？ A：有些手勢會被作業系統直接接管，例如桌面切換，因此不一定會傳到瀏覽器。 Q：Windows Precision 和 macOS 觸控板都能用嗎？ A：可以，但不同系統與瀏覽器的事件行為會有差異。若結果看起來異常，建議交叉比較 Chrome、Edge 或 Safari。 Q：資料會被上傳嗎？ A：不會。輸入事件只會在你的瀏覽器本機處理。