鍵盤事件測試

在測試區記錄鍵盤按下／放開、代碼、修飾鍵與組字狀態。

keyboard-event-tester本機處理

正在啟用本機工具…

不上傳、不儲存。剪貼簿僅於明確按下按鈕後讀取；不自動要求權限或啟動硬體。

API存在不保證硬體或權限可用。不會上傳、儲存、自動要求權限或讀取外部網址。輸入、紀錄與結果各限制1 MiB；事件僅保留最近200筆。

測試選項與輸入

阻止測試區預設按鍵行為（仍保留Tab與Escape）

按下開始記錄後，在此操作。

常用按鍵參考與JS範例

key依鍵盤配置改變，code表示實體位置；表中文字假設近似美式配置。which／keyCode為已棄用的瀏覽器觀測值，新快捷鍵不建議採用。Tab可離開測試區，Escape停止記錄。

event.key	event.code
`Enter`	`Enter`
`Escape`	`Escape`
`Tab`	`Tab`
`Space ( )`	`Space`
`Backspace`	`Backspace`
`Delete`	`Delete`
`ArrowLeft`	`ArrowLeft`
`ArrowRight`	`ArrowRight`
`ArrowUp`	`ArrowUp`
`ArrowDown`	`ArrowDown`
`Home`	`Home`
`End`	`End`
`PageUp`	`PageUp`
`PageDown`	`PageDown`
`Shift`	`ShiftLeft`
`Shift`	`ShiftRight`
`Control`	`ControlLeft`
`Alt`	`AltLeft`
`Meta`	`MetaLeft`
`a`	`KeyA`
`1`	`Digit1`
`1`	`Numpad1`
`F1`	`F1`

const target = document.querySelector("#key-capture");
target?.addEventListener("keydown", event => {
  console.log({ key: event.key, code: event.code, location: event.location,
    repeat: event.repeat, isComposing: event.isComposing,
    ctrl: event.ctrlKey, shift: event.shiftKey, alt: event.altKey, meta: event.metaKey,
    which: event.which, keyCode: event.keyCode }); // Deprecated: inspect only.
});

W3C UI Events — legacy keyboard attributes

已停止，沒有背景記錄。

結果與預覽

狀態：available表示API存在；granted表示權限允許；prompt表示尚未授權；denied表示遭拒；unsupported表示不支援；unknown表示無法確定。未驗證實體硬體支援。

選擇選項後檢查或記錄。修改輸入會清除舊結果。

來源檢視日期2026-10-19：ToolHub · MDN Web APIs

如何使用這個工具

選擇選項後明確啟動或檢查；完成後停止並清除紀錄。

不適合用在什麼情況

API存在不保證硬體或權限可用。不會上傳、儲存、自動要求權限或讀取外部網址。輸入、紀錄與結果各限制1 MiB；事件僅保留最近200筆。