[javascript] 입력 필드에서 특정 문자의 입력을 제한하는 방법은?

05 Dec 2023

javascript

document.querySelector("input").addEventListener("keydown", function(event) {
  // 특정 문자를 입력받고 싶지 않은 경우 여기에 해당 문자의 keycode를 추가합니다.
  var invalidKeys = [65, 66, 67]; // 예시로 A, B, C를 입력하지 못하도록 제한
  
  if (invalidKeys.includes(event.keyCode)) {
    event.preventDefault(); // 입력 이벤트를 차단하여 특정 문자를 입력하지 못하도록 합니다.
  }
});

위의 예시 코드에서는 input 요소에 keydown 이벤트를 등록하고, 특정 문자의 keycode를 invalidKeys 배열에 추가하여 해당 문자 입력을 제한합니다. 예시에서는 A, B, C를 입력하지 못하도록 차단하고 있습니다. 다른 문자를 제한하려면 invalidKeys 배열에 해당 문자의 keycode를 추가하면 됩니다.

자세한 keycode 정보는 KeyCode.info와 같은 웹 사이트를 참고할 수 있습니다.

이 방법을 사용하면 입력 필드에서 특정 문자의 입력을 제한할 수 있습니다.