단축키 호환성 점검
같은 물리 키가 현재 레이아웃에서 key와 code로 어떻게 다르게 잡히는지 확인합니다.
Guide
키보드 이벤트 감지기는 현재 페이지의 keydown/keyup을 직접 수신해 event.key, event.code, 폐기됐지만 옛 코드에서 흔한 keyCode/which, 키 영역 location, 길게 누름 repeat, Ctrl/Shift/Alt/Meta 상태를 보여 줍니다. 기록에는 최근 30회의 비 repeat 눌림 이벤트만 남습니다.
2026-09-10 업데이트1 min read
repeat=true를 볼 수 있지만, 자동 반복이 기록을 뒤덮지는 않습니다.| 입력 | 출력 | 설명 |
|---|---|---|
| 스페이스 누름 | key에 Space 표시 |
실제 event.key는 공백 한 칸 |
| 왼쪽 Shift 누름 | location=왼쪽 | 브라우저/키보드에 따라 다름 |
| A 길게 누름 | 현재 repeat=true | 기록에는 첫 비반복 이벤트만 |
keyCode와 which는 폐기된 필드라서 옛 코드를 살필 때만 보여 주며, 새 코드는 key/code를 우선 써야 합니다.같은 물리 키가 현재 레이아웃에서 key와 code로 어떻게 다르게 잡히는지 확인합니다.
keyCode/which와 현대 필드를 맞춰 보며 남아 있는 리스너 로직을 이해합니다.
운영체제나 브라우저가 이벤트가 웹 페이지에 닿기 전에 가로챌 수 있기 때문입니다.
아닙니다. 리스너는 이 페이지 컴포넌트가 마운트된 동안만 존재하고, 떠나면 제거됩니다.
키 이벤트는 현재 페이지 메모리에만 저장되어 표시에 쓰이며, 도구는 event 기록을 저장하거나 업로드하지 않습니다.
2026-09-10 업데이트
아무 키나 누르면 key/code/keyCode/location이 즉시 표시됩니다. 수정 키 상태 표시와 키 입력 기록 포함
이 도구는 아직 완전히 번역되지 않아 일부 내용이 원문 또는 대체 언어로 표시됩니다.
실시간 표시 key code keyCode location 등의 이벤트 속성
Ctrl / Shift / Alt / Win(⌘)을 누르면 실시간으로 표시됩니다
최근 30회 키 입력 (길게 눌러 반복된 입력은 중복 기록하지 않음)
기록이 아직 없습니다. 몇 개의 키를 눌러 보세요