키보드 이벤트 코드
누르면 바로 · event.key · event.code · keyCode
키보드 이벤트 코드
키를 누르면 event.key · event.code · keyCode 값을 그 자리에서 보여줍니다
아무 키나 눌러보세요
event.key = 입력된 글자(레이아웃 영향 O) · event.code = 물리 키 위치(레이아웃 영향 X) · keyCode 는 폐기된 값입니다.
키를 누르면 event.key, event.code, keyCode 값을 즉시 보여줍니다. 수식키 상태와 최근 누른 기록도 함께 표시해 키 입력 처리를 만들 때 바로 확인할 수 있습니다.
이렇게도 부른다 — javascript · 키코드
쓰는 법
- 아무 키나 누르기
- 값 세 가지와 수식키 상태 확인
- 아래 기록에서 최근 30개 되짚기
자주 묻는 질문
- key 와 code 중 무엇을 써야 하나요?
- 입력된 글자가 중요하면 key, 물리적 키 위치가 중요하면(WASD 이동 등) code 를 쓰세요. code 는 키보드 레이아웃이 바뀌어도 같습니다.
- keyCode 는 왜 회색으로 취급되나요?
- 표준에서 폐기된 값입니다. 옛 코드 유지보수용으로만 참고하고 새로 만들 때는 key·code 를 쓰세요.
- 일부 키는 반응하지 않아요.
- F5·Ctrl+W 같은 키는 브라우저가 먼저 가져갑니다. 웹 페이지에서 막을 수 없는 영역입니다.
다른 도구
기기 안에서만 넣은 내용은 브라우저 안에서만 처리되며 어디에도 저장·전송되지 않습니다.