UtilToolkits
Request a Tool
Home
Text Tools
Image Tools
CSS Tools
Coding Tools
Color Tools
Calculator Tools
Productivity Tools
Fun Tools
Video Tools
Other Tools
BlogAI Content Detector
CodeCast
Play CodeType CodeCode to Image

Your Favorites

Sign in to view your favorites

Tool Categories

UtilToolkits
© 2026 UtilToolkits. All Rights Reserved.
AboutContactPrivacyTerms
  1. Home
  2. Tools
  3. Keycode Event Info

Quick Tip: Miscellaneous

Need to calculate your BMI? It's a helpful starting point for understanding your health, but remember it's just one metric of many.

Keycode Info

⌨️

Press any key on your keyboard

More Coding Tools

JSON to TypeScript

Instantly generate TypeScript interfaces from JSON objects.

Try Now

Code to Image

Create beautiful images of your code snippets for sharing.

Try Now

SQL Formatter

Format and beautify your SQL queries.

Try Now

Cron Expression Generator

Visually build and explain cron job schedules.

Try Now

Meta Tag Generator

Generate SEO meta tags for your website.

Try Now

Chmod Calculator

Visual calculator for Unix file permissions.

Try Now

XML Formatter

Beautify and format XML strings.

Try Now

Binary Converter

Translate text to binary code and back.

Try Now

String Escaper

Escape strings for JSON, HTML, URL, and Java.

Try Now

JSON <> YAML Converter

Convert between JSON and YAML.

Try Now

HTML Entity Encoder

Encode/Decode text to HTML entities.

Try Now

Base64 Converter

Instantly encode and decode text, images, and files to/from Base64 online.

Try Now

URL Encoder/Decoder

Encode and decode strings for safe URL transmission online.

Try Now
Featured

JSON Formatter

Validate, format, and pretty-print your JSON data instantly online.

Try Now

Regex Tester

Test and debug regular expressions against strings online.

Try Now

UUID Generator

Generate secure, random UUIDs (v4) online instantly.

Try Now

Hash Generator

Create SHA-1, SHA-256, or SHA-512 hashes online from any text.

Try Now

JWT Decoder

Decode JSON Web Tokens to view header and payload online.

Try Now

Diff Checker

Instantly compare text or code and highlight every difference in seconds.

Try Now

JSON <> CSV Converter

Convert between JSON and CSV formats instantly.

Try Now

Data Converter

The ultimate data conversion tool. Convert CSV or XLSX files to JSON, SQL, HTML, and more, instantly in your browser.

Try Now

Password Generator

Generate strong, secure passwords.

Try Now

About this Tool

Debug your keyboard. Press any key to see its JavaScript event codes (`key`, `code`, `which`). Essential for developers building games, accessibility features, or custom shortcuts.

JavaScript handles keyboard input through events. Knowing the exact `code` (physical key) vs `key` (character value) is crucial. For example, 'Z' on a US keyboard is different from 'Z' on a German keyboard—this tool shows you exactly what the browser sees.

  1. Press any key on your keyboard.
  2. Instantly see the event data.
  3. Copy the code you need.
  • Mapping game controls.
  • Creating custom shortcuts (Ctrl+S).
  • Debugging keyboard event listeners.
  • Instant Feedback: No delay.
  • Comprehensive Data: Shows Key, Code, Which, and Location.
  • Modifier Support: Detects Shift, Ctrl, Alt.

It adds a global `keydown` event listener to the window and simply prints out the event object's properties: `e.key`, `e.code`, `e.which`, etc.

What is the difference between key and code?

`key` is the character generated (e.g., 'a' or 'A'). `code` is the physical button pressed (e.g., 'KeyA'). `code` doesn't change with keyboard layout.

Why is 'which' deprecated?

It was inconsistent across browsers. `key` and `code` are the modern standards.

Does it detect held keys?

Yes, it will show the 'repeat' property as true if you hold a key down.

All calculations and data processing for this tool are performed locally in your browser. UtilToolkits does not send any of your data to an external server, ensuring your information remains private and secure.

Credits:Next.js•React•Tailwind CSS•Lucide Icons