개발툴모아DevTools
🎨CSS 생성기
  • 그라데이션
  • Box Shadow
  • Text Shadow
  • Border Radius
  • Glassmorphism
📐레이아웃
  • Flexbox
  • Grid
🌈색상 도구
  • 색상 변환
  • 팔레트 생성
  • 대비 체커
🖼️이미지 도구
  • 이미지 자르기
  • 이미지 리사이즈
  • 이미지 압축
  • 포맷 변환
  • 회전/뒤집기
  • 배경 투명화
  • 파비콘 생성
📄PDF 도구
  • 이미지 → PDF
  • PDF → 이미지
  • PDF 합치기
  • PDF 분할
  • PDF 압축
  • PDF 회전
  • PDF 워터마크
  • PDF 페이지 추출
  • PDF 정보 편집
💻코드 도구
  • Markdown
  • HTML 미리보기
  • 코드 압축
  • 코드 정리
🗄️데이터 변환
  • CSV ↔ JSON
  • XML ↔ JSON
  • SQL 포매터
🔍SEO 도구
  • 메타 태그 생성
  • 슬러그 생성
🔤인코딩/디코딩
  • Base64
  • URL Encode
  • HTML Entities
📋JSON 도구
  • JSON 포매터
  • JSON ↔ YAML
🔐암호화/해시
  • 해시 생성
  • UUID 생성
  • 비밀번호 생성
  • JWT 디코더
  • AES 암복호화
  • RSA 암복호화
  • 파일 암복호화
🕐날짜/시간
  • Unix Timestamp
  • Cron 생성기
📝텍스트 도구
  • 글자수 카운터
  • 대소문자 변환
  • Text Diff
  • 텍스트 유틸
🔣정규식
  • Regex Tester
⚙️생성기
  • QR 코드
🌐네트워크
  • URL 파서
  • 내 IP 확인
  • 서브넷 계산기
🧮계산기
  • 비율 계산기
  • 퍼센트 계산기
📊단위 변환
  • 진법 변환
  • CSS 단위
  • 바이트 변환
📚레퍼런스
  • HTTP Status
  • 이모지 검색
  • 키코드 확인
개발툴모아

키코드 확인

키보드 키의 event.code, key, keyCode 값을 확인합니다

모바일 가상 키보드는 keydown/code 이벤트를 제공하지 않아 일부 키만 인식됩니다. 데스크톱 물리 키보드를 사용하세요.
여기를 클릭(또는 Tab)한 뒤 아무 키나 누르세요

자주 사용하는 키

EnterEnter
EscapeEscape
SpaceSpace
TabTab
BackspaceBackspace
DeleteDelete
ArrowUpArrowUp
ArrowDownArrowDown
ArrowLeftArrowLeft
ArrowRightArrowRight
ShiftShiftLeft
ControlControlLeft
AltAltLeft
MetaMetaLeft
event.keyCode는 deprecated 되었습니다. event.code 또는 event.key를 사용하세요.
광고

키코드 확인, 이렇게 쓰세요

키보드를 누르면 event.key·event.code·keyCode 와 modifier 상태(Shift·Ctrl·Alt·Meta) 를 즉시 보여 줍니다.

단축키 기능을 구현하거나, 특정 키가 브라우저에서 어떤 값으로 들어오는지 확인할 때 씁니다.

keyCode 는 폐기(deprecated)된 속성이니 새 코드에서는 key 또는 code 를 쓰세요. 한글 입력 중에는 key 가 'Process' 로 잡힐 수 있습니다.

같은 카테고리 도구

HTTP Status상태 코드 의미 검색이모지 검색이모지 찾기·복사JSON 포매터정렬·압축·오류 위치 표시Regex Tester정규식 매치 실시간 확인

자주 묻는 질문

Q. key 와 code 는 뭐가 다른가요?

key 는 입력된 문자(레이아웃 반영), code 는 물리적 키 위치입니다. 게임 조작은 code, 글자 처리는 key 가 적합합니다.