키 코드 정보
키를 눌러 개발자가 키보드 입력을 파악할 때 쓰는 브라우저 이벤트 세부 정보를 확인하세요. 최신 key 및 code 값과 이전 숫자 코드가 포함됩니다.
키보드 이벤트 검사기
키를 누르세요
패널을 클릭해 포커스한 다음 아무 키나 누르세요. 페이지는 이벤트를 읽기만 하며 제출하거나 저장하지 않습니다.
패널에 포커스하고 키를 누르세요.
- 키 (key)
- —
- 물리 키 코드 (code)
- —
- 레거시 keyCode
- —
- 레거시 which
- —
- 레거시 charCode
- —
- 위치
- —
- 반복 입력
- —
- 보조 키
- —
사용 방법
사용 방법
- 이벤트 영역에 포커스하고 수정자, 기능, 화살표 또는 인쇄 가능한 키를 누릅니다.
- 캡처된 key, code, 숫자 코드, 위치, 반복, 수정자 플래그를 확인합니다.
- 키보드 핸들러에서 값을 사용하고 다른 키를 눌러 현재 결과를 바꿉니다.
key와 code는 서로 다른 질문에 답함
event.key는 키보드 레이아웃과 수정자를 적용한 뒤의 값이나 동작(예: A 또는 ?)입니다. event.code는 KeyA 또는 Slash 같은 물리적 키 위치이며 보통 레이아웃과 관계없이 일정합니다. 문자나 명령에는 key를, 물리 키 바로가기에는 code를 사용하세요.
호환성을 위해 이전 숫자 값도 포함
keyCode, which, charCode는 지원 중단된 브라우저 속성입니다. 이전 애플리케이션과 디버깅에서 여전히 볼 수 있어 표시합니다. 새 코드에서는 key, code, 수정자 속성을 우선하세요.
키 캡처는 이 브라우저 안에서
이벤트 패널에 포커스가 있는 동안에만 키를 듣습니다. 비밀번호를 기록하거나 키 입력을 서버로 보내거나 기록을 보관하지 않습니다. 브라우저 또는 운영체제 바로가기는 페이지가 이벤트를 받기 전에 처리될 수 있습니다.
자주 묻는 질문
더 알아보기
key와 code의 차이는 무엇인가요?
key는 생성된 문자나 명명된 동작이고 code는 물리적 키 위치입니다. 예를 들어 Shift + A는 key A, code KeyA를 보고합니다.
새 JavaScript에서 keyCode를 사용해야 하나요?
아니요. keyCode, which, charCode는 지원 중단되었습니다. 이전 동작을 확인할 때만 숫자 필드를 쓰고 key, code, 수정자 속성을 우선하세요.
바로가기가 표시되지 않은 이유는 무엇인가요?
브라우저, 운영체제 또는 보조 기술 바로가기가 페이지에 키 이벤트가 도달하기 전에 처리될 수 있습니다. 이벤트 패널에 포커스하고 브라우저가 예약하지 않은 키를 시도하세요.