키 코드·Digit2
2
Digit2
keyCode 50

Digit2 키 코드 — keyCode 50

숫자

Digit2의 keyCode는 50이고 key는 "2"입니다. location은 0입니다.

숫자 줄입니다. 숫자판의 같은 숫자와는 keyCode가 다릅니다.

code (자리)
Digit2
key (미국 자판)
"2"
Shift와 함께
"@"
keyCode (폐기됨)
50
16진수
0x32
location
0 · 기본
글자가 찍히는가
같은 keyCode
없음

코드에서

code로 견주면 자판이 바뀌어도 같은 자리를 잡습니다.

window.addEventListener('keydown', e => {
  if (e.code === 'Digit2') {
    // 2
  }
});

code와 key의 차이

code는 자판에서의 자리라 한글이든 프랑스어 자판이든 같은 값입니다. key는 그 순간 찍히는 글자라 바뀝니다 — 같은 자리를 눌러도 a·A·ㅁ가 됩니다. "이 자리를 눌렀나"를 보려면 code, "무엇이 입력됐나"를 보려면 key입니다.

keyCode는 표준에서 빠진 값입니다. 새로 쓰는 코드에는 code나 key를 쓰고, 여기 실은 값은 옛 코드를 읽을 때 쓰세요.

같은 갈래의 키

읽는 방법

  • code는 자리, key는 찍히는 글자입니다. 단축키를 만들 때는 code로 견주세요.
  • keyCode는 폐기됐습니다. 옛 코드를 읽을 때만 쓰세요.
  • 왼쪽과 오른쪽 Shift는 keyCode가 같고 location으로 갈립니다.
  • 숫자 줄의 1과 숫자판의 1은 다른 키입니다 — 49와 97입니다.

자주 묻는 질문

Q. Digit2의 keyCode는 몇 번인가요?

50입니다. 16진수로는 0x32입니다.

Q. Digit2를 코드에서 어떻게 잡나요?

e.code === 'Digit2'로 견주세요. keyCode를 쓰면 브라우저와 자판에 따라 흔들립니다.

Q. 이 키의 location은 무엇인가요?

0입니다.

Q. 이 키를 누르면 글자가 찍히나요?

네. key는 "2"입니다. Shift와 함께 누르면 "@"입니다.