키코드 정보
아무 키나 누르세요——key·code·keyCode 즉시 표시
- key
- —
- code
- —
- keyCode
- —
- which
- —
- location
- —
✦ 한 번 누름의 세 이름
한 번 누름은 세 식별자를 냅니다. key(문자, 배열 의존), code(물리 위치, 배열 독립), 구 keyCode 숫자. 혼동이 단골 단축키 버그——내 QWERTY에서 되는 단축이 동료 AZERTY에서 깨지는 건 code 자리에 key를 읽었기 때문입니다.
이 도구의 기능
- ⌨️ 아무 누름에 key·code·keyCode·which·location 표시
- 🔍 좌우 수식어·숫자패드 구분
- 📋 값이 실시간 갱신, 코드에 복사 가능
- ⚡ 준비 없음——클릭하고 누르기
이런 때 사용하세요
- 단축이 되는(안 되는) 이유 디버깅
- 배열 독립 게임 조작 작성
- 특이 키보드의 실제 전송 확인
개인정보: 누름은 로컬에서 읽고 표시만——기록도 전송도 없습니다.
마지막 업데이트 · 2026-09-01
검사 원리
네이티브 KeyboardEvent 속성(key·code·keyCode·which·location)을 직접 읽습니다. 스페이스 친화 표시와 좌우·숫자패드 location 해독 포함. 잡는 곳과 문서 양쪽에 리스너가 있어 합당한 어디서든 누름이 잡힙니다.
왜 여기서 키를 보나요?
다섯 식별자 한 번에
누름마다 key·code·구 keyCode·which·location이 함께 나옵니다. 남이 탭 나눈 전체 그림을 한 곳에.
수식어 구분
좌우 Shift·Ctrl·Alt와 숫자패드가 서로 다른 코드·위치를 보고합니다. 단축 버그가 숨는 바로 그 세부입니다.
마찰 없는 디버깅
폼도 버튼도 없습니다. 잡는 곳을 클릭하고 누르세요. 값이 화면에 남아 이벤트 처리기에 바로 복사됩니다.
자주 묻는 질문
key와 code의 차이?⌄
key는 누름이 내는 문자(배열 의존: 같은 물리 키가 QWERTY는 q, AZERTY는 a), code는 물리 위치명(KeyQ)으로 배열 무관. 게임·단축키는 code를 들어야 합니다.
keyCode는 폐지 아닌가?⌄
공식 폐지 맞습니다. 하지만 모든 프레임워크·옛 강좌가 아직 찍기에 최신값 옆에 대조용으로 함께 보여줍니다.
왼쪽·오른쪽 Shift이 다른 이유?⌄
키 이름은 같지만 코드가 다르고(ShiftLeft·ShiftRight) location 값도 다릅니다(1·2)——수식어 전용 단축에 필요한 바로 그 세부입니다.
자주 묻는 질문
key와 code의 차이?
key는 누름이 내는 문자(배열 의존: 같은 물리 키가 QWERTY는 q, AZERTY는 a), code는 물리 위치명(KeyQ)으로 배열 무관. 게임·단축키는 code를 들어야 합니다.
keyCode는 폐지 아닌가?
공식 폐지 맞습니다. 하지만 모든 프레임워크·옛 강좌가 아직 찍기에 최신값 옆에 대조용으로 함께 보여줍니다.
왼쪽·오른쪽 Shift이 다른 이유?
키 이름은 같지만 코드가 다르고(ShiftLeft·ShiftRight) location 값도 다릅니다(1·2)——수식어 전용 단축에 필요한 바로 그 세부입니다.