Keyboard Event Tester

Record keydown/up, codes, modifiers and composition in a focused test area.

keyboard-event-testerLOCAL WORKSPACE

Enabling local controls…

No upload or storage. Clipboard is read only after your explicit button press; no automatic permission requests or hardware activation.

API presence is not a hardware or permission guarantee. No uploads, storage, automatic permission requests or external URL fetches. Inputs, logs and output are bounded to 1 MiB; event history retains the latest 200 records.

Test options and input

Prevent default key behavior in test area (Tab and Escape remain available)

Press Start recording, then focus or interact here.

Common key reference and JS snippet

key reflects layout; code names a physical position. Reference characters assume a US-like layout. which/keyCode are deprecated browser observations, not recommended for new shortcuts. Tab can leave this test area; Escape stops recording.

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

Stopped. No background recording.

Results and preview

Status: available = API exposed; granted = permission allowed; prompt = not granted yet; denied = blocked; unsupported = API unavailable; unknown = not determined. Hardware support has not been verified.

Choose options, then inspect or record. Changing input clears old results.

Sources reviewed 2026-10-19: ToolHub · MDN Web APIs

How to use this tool

Choose options, then explicitly start or inspect. Stop and clear recorded data when finished.

Browse

Tool index

Keyboard Event Tester

Test options and input

Results and preview

How to use this tool

When not to use it