Documentation

What Is Keyboard Key Detector

Keyboard Key Detector shows key, keyCode, code, location, and modifier data from the current keyboard event in real time. It is useful for KeyCode lookup, shortcut debugging, and key-mapping checks.

How to Use This Tool

  1. Open the page and press any key while staying on the current page.
  2. The tool updates the current key, KeyCode, Code, Location, and Modifiers instantly.
  3. Use the Copy button beside a field to copy that value only.
  4. Use Copy All Fields to copy the full event snapshot at once.
  5. Review the documentation section below for field meaning and location code notes.

Field Meaning

  • key: the character value or function key name from the event.
  • keyCode: the legacy compatibility value for older scripts.
  • code: the physical key position, helpful for mappings and shortcuts.
  • modifiers: active Meta, Shift, Ctrl, and Alt keys during the event.

Location Codes

  • 0: standard area for most letters, numbers, arrows, and common function keys.
  • 1: left-side keys such as Left Shift, Left Ctrl, and Left Alt.
  • 2: right-side keys such as Right Shift, Right Ctrl, and Right Alt.
  • 3: numeric keypad keys such as Numpad1 and NumpadEnter.

Typical Use Cases

  • Frontend keyboard-event debugging
  • Browser shortcut conflict checks
  • Web game key mapping tests
  • Admin-panel hotkey verification

Notes

  • Hold Ctrl, Shift, Alt, or Meta to see modifier combinations update in real time.
  • When checking shortcut conflicts, compare both key and code to avoid input-method or layout confusion.
  • Use keyCode for legacy compatibility checks, but prefer key and code in modern projects.

Privacy and Compatibility

This tool runs fully in your browser and does not upload any key data. keyCode is kept for legacy compatibility, while modern projects should prefer key and code.