키코드 정보란?
키코드 정보 도구는 브라우저에서 하나의 키보드 이벤트를 캡처하고 개발자가 단축키 핸들러 또는 접근성 상호 작용을 구축할 때 일반적으로 검사하는 필드를 보여줍니다. 이 구현은 페이지 캡처 버튼의 키다운을 기록하고 키 값, 물리적 코드, 레거시 keyCode, 키 위치 및 Ctrl, Alt, Shift 및 Meta 수정자 상태를 인쇄합니다. 의도적으로 가볍기 때문에 키업 이벤트, 이벤트 시퀀스, 반복 타이밍 또는 IME 구성 세부 정보를 기록하지 않습니다.
키코드 정보 도구를 사용하는 방법
- 1여기를 클릭이라고 표시된 캡처 상자를 클릭한 다음 키를 눌러 버튼에 키보드 포커스가 있도록 합니다.
- 2검사하려는 키 또는 단축키 조합을 누르고 페이지에서 해당 keydown 이벤트를 캡처하도록 합니다.
- 3키, 코드, keyCode, 위치 및 수정자 플래그에 대한 키 이벤트 출력 영역을 읽은 다음 결과를 비교해야 하는 경우 다른 키를 사용하여 프로세스를 반복합니다.
일반적인 키코드 검사 사용 사례
키보드 단축키 만들기
명령 팔레트, 편집기 단축키 또는 탐색 단축키를 연결하기 전에 앱이 수신하는 정확한 키와 수정자 조합을 확인하세요.
물리적 키와 논리적 키 비교
국제 레이아웃에서 코드와 키가 어떻게 다른지 확인하거나 동일한 물리적 키가 예상과 다른 문자를 생성하는 경우를 확인하세요.
레거시 keyCode 사용 디버깅
레거시 키보드 API를 사용하는 코드 경로나 라이브러리를 계속 지원하는 경우 최신 필드와 함께 이전 keyCode 값을 캡처하세요.
자주 묻는 질문
이 도구는 내가 페이지에 입력하는 모든 내용을 기록합니까?
아니요. 포커스 가능한 전용 버튼을 클릭한 후 해당 버튼으로 전송된 키다운만 캡처하며, 캡처된 값은 원격 서비스로 전송되지 않고 페이지에 유지됩니다.
동일한 프레스에 대해 키와 코드가 왜 다를 수 있습니까?
키는 일반적으로 레이아웃에서 생성된 문자나 논리적 동작을 반영하는 반면, 코드는 물리적 키 위치를 식별합니다. 둘 다 바로 가기 동작이 레이아웃 변경 후에도 유지되어야 하는 경우에 유용합니다.