키코드 정보
키보드 키 코드 확인이 필요할 때 key, code, keyCode와 조합키 상태를 실시간으로 보여줍니다.
개념 설명
키보드 이벤트 key, code, keyCode 확인
이 도구는 키를 누를 때 발생하는 KeyboardEvent의 key, code, keyCode, which, location, 조합키 상태를 비교해 단축키 동작 검증이나 이벤트 디버깅 시나리오에서 확인할 수 있게 도와줍니다.
특정 키 조합에 대한 입력 이벤트 값이 예상과 다를 때, 단축키 처리 로직의 바인딩 문제나 브라우저 기본 동작 충돌을 빠르게 찾아낼 수 있습니다.
이 값은 브라우저 엔진, OS 정책, 키보드 레이아웃에 따라 달라질 수 있으므로, 배포 대상 환경 기준으로 여러 번 반복 테스트하세요.
무엇을 확인하나요?
key는 입력한 문자, code는 물리 키 위치, keyCode/which 및 location, Ctrl·Alt·Shift·Meta 상태를 한 번에 확인합니다.
어떤 시나리오에 쓰나요?
단축키 매핑 점검, 입력 이벤트 테스트, 키 기반 상호작용 디버깅과 같은 브라우저 동작 검증 단계에 사용합니다.
주의할 점은?
브라우저나 운영체제가 예약한 단축키는 페이지로 전달되지 않거나 가상 키보드에서는 일부 값이 비어올 수 있습니다.
동일한 키 입력이라도 브라우저, OS, 키보드 레이아웃별로 결과가 달라질 수 있어, 환경별 기준으로 확인해야 합니다.
키코드 정보 키코드 확인 작업 영역
사용 방법
- 1 키 입력 영역을 클릭해 포커스를 맞춥니다.
- 2 확인하려는 키나 단축키 조합을 누릅니다.
- 3 key, code, keyCode, which, location 값을 확인합니다.
- 4 Ctrl, Alt, Shift, Meta 조합키 상태도 함께 확인합니다.
대표적인 사용 사례
- 키보드 키 코드 확인
- 키코드 테스트 사이트처럼 keyCode 확인
- JavaScript key code 디버깅
- 단축키 조합 상태 확인
자주 묻는 질문
키코드 확인 시 keyCode와 code를 모두 볼 수 있나요?
네. 키를 누르면 key, code, keyCode, which, location 값과 Ctrl, Alt, Shift, Meta 조합키 상태를 함께 표시합니다.
결과를 복사하는 버튼이 있나요?
네. 복사 버튼으로 키 이벤트 분석 결과 JSON을 복사할 수 있습니다. 특정 값만 필요하면 화면에 표시된 텍스트를 선택해 복사할 수도 있습니다.
모든 키 입력이 잡히나요?
브라우저나 운영체제가 예약한 단축키는 페이지까지 전달되지 않을 수 있고, 모바일 가상 키보드는 일부 키 이벤트 정보를 제공하지 않을 수 있습니다.