키보드 이벤트 확인기

키 입력 이벤트의 key, code, modifier 값을 즉시 확인합니다.

카테고리: 개발자 도구

사용 예시

  • 단축키 구현 - 브라우저가 인식하는 key와 code 값을 확인해 단축키를 구현합니다.

계산·사용 가이드

키보드 이벤트 정보 확인

키를 누르면 keyCode, key, code, which 등의 이벤트 속성값을 실시간으로 표시합니다. 특수키, 조합키(Ctrl+키), 기능키(F1~F12)도 확인할 수 있습니다.

개발 디버깅 활용

키 이벤트 리스너를 구현할 때 정확한 key 코드를 파악하기 위해 사용합니다. keyCode는 deprecated 예정이므로 key와 code 속성을 함께 확인하는 것을 권장합니다.

자주 묻는 질문

어디에서 이벤트를 감지하나요?

도구 안의 입력 영역에 포커스했을 때 keydown 이벤트를 표시합니다.

관련 도구

  • JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
  • UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.
  • 비밀번호 생성기 - 문자셋과 길이를 지정해 암호학적으로 안전한 비밀번호를 생성합니다.
  • JWT 디코더 - JWT의 header와 payload를 디코딩해 JSON과 주요 클레임을 확인합니다.
  • 정규식 테스터 - 정규식 패턴을 입력해 텍스트에서 매칭 결과를 실시간으로 확인합니다.
  • QR 코드 생성기 - 텍스트나 URL을 QR 코드로 변환하고 이미지로 다운로드합니다.