⌨️JavaScript 키 이벤트 코드 확인

키보드 키를 누르면 해당 이벤트의 key·code·keyCode·which 속성이 표시됩니다.

🔒 브라우저에서 처리✓ 워터마크 없음✓ 가입 불필요

사용 방법

key와 code 차이는?+

key는 입력 결과(예: 'A', 'ㄱ'), code는 물리적 키 위치(예: 'KeyA'). 단축키는 보통 code(키 위치)를 권장.

keyCode는 왜 deprecated?+

구버전 표준이며 키보드 레이아웃마다 값이 다른 문제가 있었습니다. 현재는 key·code 사용 권장.

한글 입력 시 IME 어떻게?+

한글 입력 중에는 ime-process 단계에서 key 이벤트가 다르게 발생합니다. compositionstart/end 이벤트로 별도 처리 필요.

단축키(Ctrl+S 등) 검증?+

ctrlKey, shiftKey, altKey, metaKey 속성을 같이 확인하세요. 맥은 보통 metaKey(Cmd), 윈도우는 ctrlKey.

방향키, Enter, Escape는?+

key가 'ArrowUp', 'Enter', 'Escape' 같은 명확한 이름으로 표시됩니다.

Function 키(F1~F12)?+

key가 'F1', 'F2' 같이 표시됩니다. 브라우저가 F1(도움말), F5(새로고침) 등을 가로채는 경우가 있어 주의.