ArrowLeft 키 코드 — keyCode 37

코드에서

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

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

code와 key의 차이

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

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

같은 갈래의 키

읽는 방법

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