Skip to content
Zoyku

키코드 정보

아무 키나 누르면 event.key, event.code, 구식 keyCode가 실시간 표시되고, 수식 키 상태와 최근 10개 키 입력 기록도 함께 보여줍니다.

event.key
—
event.code
—
keyCode
—
ModifiersCtrlAltShiftMeta
Last 10 keys

Waiting for a key press…

Press any key — the values update instantly. Focus stays on the page, no input box needed.

이 도구는 전부 브라우저 안에서 실행됩니다. 데이터는 기기를 떠나지 않으며 어떤 서버로도 업로드되지 않습니다.

사용 방법

  1. 1페이지 아무 곳이나 클릭해 키보드 포커스를 준 뒤 아무 키나 누르세요.
  2. 2세 카드에서 event.key, event.code, keyCode를 읽고, 누른 채 유지되는 Ctrl/Alt/Shift/Meta가 강조됩니다.
  3. 3"자동 반복 무시"를 켜면 길게 누른 반복을 걸러내고, 최근 10개 표에서 키 값을 비교하세요.

키코드 정보

키보드 처리 버그는 대개 KeyboardEvent가 제공하는 세 식별 값을 혼동하는 데서 옵니다. event.key는 현재 상태에서 만들어지는 문자(Shift를 누르면 "a"가 "A"), event.code는 레이아웃과 무관한 물리 키(KeyA), keyCode는 옛 코드가 여전히 의존하는 숫자 코드입니다. 이 페이지에서 키를 누르면 세 값이 나란히 즉시 표시되고 그 순간 눌린 수식 키도 밝혀집니다.

최근 10번의 키 입력 기록도 작은 표로 유지되어, 눌러 잊는 대신 여러 키의 값을 비교할 수 있습니다. 게임 조작, 단축키 구현, keydown 핸들러가 두 번 발화하는 문제 디버깅(반복 무시 옵션으로 자동 반복 필터링)에 유용합니다.

자주 묻는 질문

같은 키인데 event.key와 event.code가 다른 이유는?

event.key는 현재 레이아웃과 수식 키 상태에서 생성되는 문자("A", "á", "1")를, event.code는 레이아웃과 무관한 물리 위치(KeyA, Digit1)를 보고합니다. 단축키는 대개 code, 텍스트 처리는 key로 판단해야 합니다.

keyCode는 폐기되었나요?

네. 13(Enter), 27(Escape) 같은 숫자로 분기하는 구형 코드와의 호환을 위해서만 남은 레거시입니다. 새 코드는 event.key나 event.code를 써야 하며, 이 도구는 마이그레이션 중 옛 상수를 대조하기 위해 keyCode를 보여줍니다.

키를 누르고 있으면 같은 값이 계속 나오는 이유는?

키를 길게 누르면 OS가 repeat=true인 keydown을 반복 보냅니다. "자동 반복 무시"를 켜면 첫 눌림만 표시하고, 핸들러가 반복 이벤트를 올바로 받는지 확인하려면 끄세요.

How accurate are the results?

Calculations follow the official definitions — SI conversion factors, NIST constants, or the governing formula shown on the page — and results display to enough significant digits for real-world use.

Can I use it on mobile?

Yes. The interface is responsive and all inputs adapt to touch; the calculation itself runs offline once loaded.

Is this tool free to use?

Yes, completely free — no signup, no subscription, no daily limits, and no watermarks on the output.

도구 삽입

한 줄로 사이트에 도구를 넣으세요. 방문자의 브라우저에서 실행됩니다.

<iframe src="https://zoyku.com/ko/tools/keycode-info?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — keycode-info" loading="lazy"></iframe>
100% local processing