工具加载中...
線上鍵盤按鍵檢測工具
線上鍵盤按鍵檢測工具支援完整鍵盤可視化檢測，按下任意按鍵後，即可在鍵盤配置圖中即時高亮對應位置，並同步輸出 key、code、keyCode、十六進位鍵碼與修飾鍵資訊。適合用於鍵盤測試、按鍵失靈排查、KeyCode 查詢、快捷鍵開發與前端 KeyboardEvent 除錯。
工具亮點
1、完整鍵盤配置可視化高亮
涵蓋主鍵區、導航區、方向鍵與右側數字鍵盤。按鍵觸發時，對應鍵位會即時高亮，方便比對實體鍵位與事件映射關係。
2、鍵位資訊即時輸出
資訊卡會即時顯示 key、code、keyCode、十六進位值、鍵位說明與修飾鍵狀態，可直接用於前端事件開發與按鍵映射設定。
3、組合鍵與快捷鍵檢測
支援 Ctrl、Shift、Alt、Meta 組合鍵檢測，也可攔截 PageDown、Ctrl+F 等瀏覽器預設行為，提供「只檢測、不觸發頁面動作」的除錯體驗。
4、鎖定鍵狀態指示
提供 NumLock、CapsLock、ScrollLock 燈號狀態顯示，方便確認鍵盤鎖定功能是否正常。
5、最近按鍵紀錄
會自動記錄最近的按鍵序列，並支援一鍵清空，方便回看測試流程與確認按鍵輸入路徑。
使用教學
第一步：請在電腦端開啟本工具（行動裝置會提示改用電腦訪問）。
第二步：直接按下鍵盤任意按鍵，查看鍵盤配置圖中的高亮位置。
第三步：在鍵位資訊卡中讀取 key、code、keyCode 等參數。
第四步：測試 Ctrl／Shift／Alt／Meta 等組合鍵，確認快捷鍵邏輯是否正確。
第五步：查看最近按鍵紀錄，確認連續按鍵是否有依預期觸發。
常見檢測場景
1、鍵盤壞鍵檢測：確認某個按鍵是否失靈、連按異常，或映射不正確。
2、KeyCode 查詢：快速查找按鍵的十進位與十六進位編碼值。
3、前端開發除錯：驗證 KeyboardEvent 的 key、code、keyCode 差異。
4、快捷鍵衝突排查：檢查 Ctrl+F、Ctrl+S 等快捷鍵是否有被正確監聽。
5、數字鍵盤檢測：確認 NumLock 與 Numpad 區按鍵行為是否正常。
常見問題（FAQ）
Q：為什麼建議用電腦開啟？
A：本工具需要完整實體鍵盤輸入，電腦端才能完整檢測主鍵區、方向鍵與數字鍵盤；行動裝置鍵盤無法覆蓋所有鍵位。
Q：工具裡的 key、code、keyCode 有什麼差別？
A：key 代表實際輸入值，code 代表實體鍵位位置，keyCode 則是較舊的鍵碼值。實際開發時，通常建議優先搭配 key 與 code 一起使用。
Q：為什麼按下快捷鍵後，頁面沒有執行預設動作？
A：工具已攔截常見的瀏覽器快捷鍵行為，目的是讓檢測流程更穩定，避免重新整理、搜尋、翻頁等動作干擾測試。