Keycode Info
「Keycode Info」는 코드, 데이터 및 QR 작업을 위한 브라우저 도구입니다. 입력과 결과는 일반적으로 이 기기에서 처리되며 가입이 필요하지 않습니다.
KEYBOARD EVENT INSPECTOR
Press a key
Click the panel to focus it, then press any key. The page reads the event without submitting or storing it.
Focus the panel and press a key.
- key
- —
- code
- —
- keyCode
- —
- which
- —
- charCode
- —
- location
- —
- repeat
- —
- modifiers
- —
사용 방법
사용 방법
- Focus the event area and press any key, including modifier, function, arrow, or printable keys.
- Read the captured key, code, numeric codes, location, repeat, and modifier flags.
- Use the values in your keyboard handler, then press another key to replace the current result.
key and code answer different questions
event.key describes the value or action after keyboard layout and modifiers are applied, such as A or ?. event.code describes the physical key position, such as KeyA or Slash, and is usually stable across layouts. Use key for text or commands and code for physical shortcuts.
Legacy numbers are included for compatibility
keyCode, which, and charCode are deprecated browser properties. This page displays them because older applications and debugging sessions still expose them; new code should prefer key, code, and the modifier properties.
Capture stays in this browser
The page listens only while its event panel is focused. It does not record passwords, send keystrokes to a server, or keep a history. A browser or operating-system shortcut may be handled before the page receives it.
자주 묻는 질문
더 알아보기
What is the difference between key and code?
key is the resulting character or named action, while code is the physical keyboard position. For example, Shift + A reports key A and code KeyA.
Should I use keyCode in new JavaScript?
No. keyCode, which, and charCode are deprecated. Prefer key, code, and the modifier properties, while using the numeric fields only when inspecting legacy behavior.
Why did a shortcut not appear?
Browser, operating-system, or assistive-technology shortcuts can be handled before the page receives a key event. Focus the event panel and try a key that is not reserved by the browser.