← Back to rules

unicorn/prefer-keyboard-event-key 스타일

An auto-fix is available for this rule.

작동 방식

KeyboardEvent#keyCode가 폐기되었으므로, 대신 KeyboardEvent#key를 사용하도록 강제합니다.
.key 속성은 더 의미 있고 가독성이 뛰어납니다.

왜 좋지 않은가?

keyCode, which, charCode 속성들은 모두 폐기되었으며, key 속성으로 대체해야 합니다.

예시

이 규칙에 어긋나는 잘못된 코드 예시:

window.addEventListener("keydown", (event) => {
  if (event.keyCode === 8) {
    console.log("백스페이스 키가 눌렸습니다");
  }
});

window.addEventListener("keydown", (event) => {
  console.log(event.keyCode);
});

이 규칙을 올바르게 준수하는 올바른 코드 예시:

window.addEventListener("keydown", (event) => {
  if (event.key === "Backspace") {
    console.log("백스페이스 키가 눌렸습니다");
  }
});

window.addEventListener("click", (event) => {
  console.log(event.key);
});

사용 방법

구성 파일 또는 명령줄 인터페이스에서 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:

구성 파일 (.oxlintrc.json)

{
  "rules": {
    "unicorn/prefer-keyboard-event-key": "error"
  }
}

CLI

oxlint --deny unicorn/prefer-keyboard-event-key

참고자료

• 규칙 소스