📚 Key Code Keycode Query

Look up keyboard key codes (key, code, keyCode) in your browser — handy for event handlers.

📐 工作原理與說明

查詢鍵盤按鍵的編碼標識。

焦點在頁面上時按下任意鍵即可捕獲（無需輸入框）

event.key

—

📋 常見按鍵碼速查（keyCode）

📚 深度解析：按鍵碼 Keycode 查詢

💡 常見使用場景

查鍵盤事件的 keyCode/code/key。

寫快捷鍵時確認鍵值：查清 event.code（物理按鍵）與 event.key（實際字元）的區別，避免在不同鍵盤佈局下失效。

查

回車 Enter → key="Enter"、code="Enter"、keyCode=13。

❓ 常見問題（FAQ）

keyCode 棄用了嗎？

是，建議用 code/key。

為什麼在不同鍵盤上結果不一樣？

因為 keyCode 反映的是按鍵產生的字元碼，會受佈局、輸入法與修飾鍵影響；code 反映的是物理鍵位（如 KeyQ 永遠是 Q 那個位置）。做遊戲或全域性快捷鍵應用 code，做文本輸入判斷用 key。另外 Mac 上 meta 與 ctrl 的語義與 Windows 不同。

📊 結果解讀

結果含義

按鍵碼查詢返回按鍵對應的 event.key（字元）、event.code（物理鍵位）與舊式 keyCode 值，用於鍵盤事件除錯。

用途

前端監聽 keydown/keyup 時核對按鍵標識；注意 keyCode 已廢棄，新程式碼優先用 code/key。

注意

不同鍵盤佈局/輸入法下 key 值可能變化；code 反映物理位置更穩定。

按鍵碼 Keycode 查詢