工具加载中...
線上滑鼠檢測工具
線上滑鼠檢測工具支援即時檢查滑鼠移動、點擊、雙擊、右鍵選單與滾輪事件，可同步顯示區域座標、視窗座標、頁面座標、按鍵資訊、修飾鍵狀態與目標元素資訊。適合用於滑鼠按鍵測試、滾輪方向檢查、前端 MouseEvent 除錯與互動問題排查。
工具亮點
1、座標資訊即時顯示
滑鼠移入檢測區域後，可即時查看區域座標（X,Y）、瀏覽器視窗座標（client）與頁面座標（page），方便定位滑鼠事件觸發的位置。
2、按鍵與滾輪方向檢測
支援左鍵、中鍵、右鍵辨識與滾輪方向檢測，可快速確認滑鼠輸入是否正常，以及事件回呼是否正確觸發。
3、修飾鍵與目標元素識別
可同步顯示 Ctrl、Shift、Alt、Meta 等修飾鍵狀態，並輸出目前目標元素資訊，方便進行較複雜的互動除錯。
4、近期事件紀錄回看
會自動記錄最近的滑鼠事件時間、事件類型、座標與按鍵資訊，並支援一鍵清空，方便回頭檢視測試過程。
5、結果支援一鍵複製
滑鼠資訊卡片中的檢測結果可直接點擊複製，方便快速貼到文件、工單或除錯紀錄中，提升排查效率。
使用教學
第一步：在電腦端打開本工具，進入「滑鼠檢測區域」。
第二步：移動滑鼠，觀察區域座標、視窗座標與頁面座標的變化。
第三步：測試左鍵、中鍵、右鍵、雙擊與滾輪操作，查看對應事件類型。
第四步：按住 Ctrl / Shift / Alt 等組合鍵，檢查修飾鍵資訊是否正確。
第五步：查看近期事件紀錄，並點擊結果值一鍵複製，完成除錯留存。
常見應用情境
1、前端互動開發：驗證 click、dblclick、contextmenu、wheel、mousemove 等事件行為。
2、設備輸入排查：檢查滑鼠左鍵 / 中鍵 / 右鍵是否失靈，滾輪方向是否異常。
3、座標定位除錯：排查拖曳、畫布、圖片標註與編輯器外掛中的座標偏移問題。
4、快捷互動驗證：確認修飾鍵與滑鼠組合操作（例如 Ctrl+點擊）是否符合產品預期。
常見問題（FAQ）
Q：為什麼建議在電腦端使用？
A：這個工具主要用於實體滑鼠事件檢測，行動裝置以觸控事件為主，無法完整涵蓋滑鼠按鍵與滾輪測試情境。
Q：區域座標和頁面座標有什麼差別？
A：區域座標是相對於檢測區域左上角的位置，頁面座標則是相對整個頁面文件的位置，兩者適用於不同的定位情境。
Q：為什麼右鍵選單沒有跳出？
A：為了確保檢測體驗，工具已攔截預設右鍵選單行為，以便專注記錄 contextmenu 事件本身。