키보드 테스트

실제 키를 눌러 브라우저가 받는 이벤트를 확인합니다.

KeyboardEvent 데이터를 브라우저에서만 표시합니다. key는 현재 배열을 따르고 code는 보통 물리적 키 위치를 나타냅니다.

KeyboardEvent 데이터를 브라우저에서만 표시합니다. key는 현재 배열을 따르고 code는 보통 물리적 키 위치를 나타냅니다.

최근 키보드 이벤트

입력 대기 중
이벤트
코드
위치
반복
IME 조합
활성 보조 키와 잠금

현재 누르고 있는 키

0

일치하는 keyup이 올 때까지 목록에 남습니다. 포커스를 잃으면 누름 상태를 지웁니다.

테스트한 고유 키 또는 코드 0

물리 키 위치 표시

캡처를 시작한 뒤 실제 키보드를 누르세요. 그림은 일반 PC 기준이며 실제 키캡 표시와 다를 수 있습니다.

캡처 꺼짐

캡처 중 Escape를 누르면 해당 키를 기록하고 캡처 모드를 종료합니다.

이 도구의 기능

키를 누르고 놓을 때 브라우저가 보고하는 KeyboardEvent 값을 표시합니다.

배열에 따라 달라지는 key와 물리 위치를 나타내는 code를 구분하고 동시 누름을 추적합니다.

도구 사용 방법

  1. 키 캡처 시작을 선택하거나 키보드 영역을 클릭합니다.
  2. 캡처 영역에 포커스가 있는 동안 실제 키를 누르고 놓습니다.
  3. 키, 코드, 위치, 반복, IME 조합과 보조 키 정보를 비교합니다.
  4. Escape로 종료하거나 다음 테스트 전에 초기화합니다.

유용한 활용 사례

  • 각 키가 브라우저 이벤트를 만드는지 확인.
  • 왼쪽, 오른쪽, 숫자 키패드의 보조 키와 탐색 키 비교.
  • 웹 개발 중 배열, 데드 키와 입력기 동작 조사.
  • 브라우저 수준의 실용적인 롤오버 확인으로 동시 이벤트 관찰.

참고 사항 및 제한

  • 페이지에 전달된 이벤트만 보입니다. 브라우저나 운영체제가 단축키와 미디어 키를 먼저 처리할 수 있습니다.
  • key는 현재 배열에서 해석된 의미를, code는 보통 물리적 위치를 설명합니다.
  • IME, 데드 키와 조합 입력은 이벤트를 바꾸거나 억제할 수 있고 가상 키보드는 code를 제한적으로 제공합니다.
  • keyup 누락은 포커스 손실로도 생길 수 있으므로 물리 고장을 확정할 수 없습니다.

자주 묻는 질문

key와 code의 차이는 무엇인가요?

key는 현재 배열이 만든 문자나 동작을 나타내고 code는 보통 물리 키 위치를 식별합니다.

키나 단축키가 왜 표시되지 않나요?

브라우저, 운영체제, firmware 또는 다른 앱이 페이지보다 먼저 가로챌 수 있습니다.

물리적으로 키가 고정됐는지 확인할 수 있나요?

확정할 수 없습니다. 포커스 중 keydown만 보일 수 있지만 포커스 손실도 같은 현상을 만듭니다.

정확한 N-key rollover 테스트인가요?

아니요. 브라우저와 시스템이 전달한 동시 이벤트를 보여 줄 뿐 인증된 하드웨어 측정은 아닙니다.

누른 키가 업로드되나요?

아니요. 이벤트 값과 테스트 상태는 브라우저 안에서만 처리됩니다.