키보드 테스트 이벤트 뷰어
활용 꿀팁
키보드 입력이 제대로 인식되는지 바로 확인하세요
키보드를 눌렀을 때 브라우저가 실제로 어떤 키 입력으로 받아들이는지 확인하면 키보드 고장 여부나 입력 오류를 빠르게 점검할 수 있습니다. 특정 키가 먹히지 않거나 단축키가 예상과 다르게 작동할 때 눌린 키와 조합키 상태를 함께 확인해 보세요.
#키보드이벤트 #키코드확인 #KeyCode #자바스크립트 #웹개발도구
키보드 테스트 이벤트 뷰어란?
키보드 테스트 이벤트 뷰어는 key, code, keyCode, which 등 KeyboardEvent 값을 실시간으로 확인하는 개발 도구입니다.
사용 방법
- 1페이지를 열고 키를 눌러 메인 키 정보와 상세 값을 확인합니다.
- 2옵션에서 keydown/keyup/반복입력/기본동작 차단을 설정합니다.
- 3히스토리와 복사 기능으로 디버깅 로그를 정리합니다.
관련 지식 및 참고 자료
- ●event.key는 사용자가 실제로 입력한 문자나 키 이름을 나타냅니다.
- ●event.code는 키보드의 물리적 키 위치를 나타내므로 키보드 배열에 영향을 덜 받습니다.
- ●event.keyCode와 event.which는 오래된 속성이지만 기존 코드 디버깅을 위해 여전히 확인할 때가 많습니다.
- ●Ctrl, Shift, Alt, Meta 같은 보조키 상태를 함께 보면 단축키 조합을 쉽게 확인할 수 있습니다.
FAQ
Q.키보드 KeyCode 뷰어는 어떻게 사용하나요?
A.
페이지를 연 뒤 아무 키나 누르면 key, code, keyCode, which 값이 화면에 표시됩니다.
Q.key와 code는 무엇이 다른가요?
A.
key는 실제 입력된 문자나 키 이름이고, code는 키보드의 물리적 위치를 나타냅니다.
Q.keyCode는 아직 사용해도 되나요?
A.
keyCode는 오래된 속성이지만 기존 코드 디버깅이나 호환성 확인용으로는 여전히 참고할 수 있습니다.
Q.Ctrl, Shift 같은 조합키도 확인할 수 있나요?
A.
네. Ctrl, Shift, Alt, Meta 상태를 함께 표시해 단축키 조합을 확인할 수 있습니다.
Q.모바일에서도 사용할 수 있나요?
A.
모바일에서는 화면 키보드 제한이 있을 수 있으며, 외부 키보드나 입력창 포커스 상태에서 더 정확하게 테스트할 수 있습니다.