按鍵 Keycode
按任意鍵——key、code、keyCode 即時現形
- key
- —
- code
- —
- keyCode
- —
- which
- —
- location
- —
✦ 一次按鍵的三個名字
一次按鍵產出三個標識：key（字元，跟佈局走）、code（實體位置，跟佈局無關）、老 keyCode 數字。搞混是快捷鍵 bug 的經典來源——QWERTY 上好好的快捷鍵，到隊友的 AZERTY 上掛了，多半是該讀 code 的地方讀了 key。
這個工具能做什麼
- ⌨️ 任意按鍵的 key、code、keyCode、which、location 全顯示
- 🔍 區分左右修飾鍵和數字鍵盤
- 📋 值即時更新，直接拷進程式碼
- ⚡ 零設定——點一下，按就行
什麼時候用它
- 排查快捷鍵為啥時靈時不靈
- 寫跟佈局無關的遊戲操作
- 看奇葩鍵盤到底發了什麼
隱私：按鍵本機讀本機顯示——不記錄，不傳送。
最後更新 · 2026-09-01
查看是怎麼實現的
直接讀原生 KeyboardEvent 屬性（key/code/keyCode/which/location），空格給友好標籤，左右/數字區 location 解碼。捕獲區和 document 雙監聽，哪裡按都抓得到。
為什麼在這裡看鍵？
五個標識一次齊
key、code、老 keyCode、which、location 每次同屏——別家分幾個標籤頁看的，這裡一行齊。
修飾鍵分得清
左右 Shift/Ctrl/Alt 和數字鍵盤報各自的 code 和 location，快捷鍵 bug 就藏在這個細節裡。
排查零摩擦
沒表單沒按鈕：點捕獲區，按下就行。值留屏，直接拷進事件處理函式。
常見問題
key 和 code 啥區別？⌄
key 是敲出來的字元（跟佈局走：QWERTY 的 q 在 AZERTY 上是 a），code 是實體鍵位置（KeyQ），跟佈局無關。遊戲和快捷鍵該聽 code。
keyCode 不是廢棄了嗎？⌄
官方是廢棄了——但框架和老教學全在印它，這裡跟現代值並排顯示，方便對照。
左右 Shift 為啥不一樣？⌄
鍵名一樣，code 不同（ShiftLeft/ShiftRight），location 也不同（1/2）——綁修飾鍵專屬快捷鍵要的就是這個細節。
常見問題
key 和 code 啥區別？
key 是敲出來的字元（跟佈局走：QWERTY 的 q 在 AZERTY 上是 a），code 是實體鍵位置（KeyQ），跟佈局無關。遊戲和快捷鍵該聽 code。
keyCode 不是廢棄了嗎？
官方是廢棄了——但框架和老教學全在印它，這裡跟現代值並排顯示，方便對照。
左右 Shift 為啥不一樣？
鍵名一樣，code 不同（ShiftLeft/ShiftRight），location 也不同（1/2）——綁修飾鍵專屬快捷鍵要的就是這個細節。