[JavaScript] input 박스에 숫자만 입력 가능하게 설정하는 방법

input 박스에 입력된 key 체크하기

✅ JavaScrpit

---

function OnlyNumericInput() {
   
    if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 
         && event.keyCode <= 105) || event.keyCode == 190 || event.keyCode == 110 
         || event.keyCode == 8) {
       return true;
    } else {
        event.returnValue = false;
    }

---

OnlyNumericInput()함수는 keyboard event를 입력받아서

키코드 범위 (숫자) 내 입력되면 =>true (input에 입력되도록)
키코드 범위 (숫자X) 외 입력되면 => false(input에 입력되지 못하도록)

✔키코드 범위

• 48~57 : 0~9 표준숫자
• 96~105: 0~9 우측 숫자 키패드
• 190 : . 소숫점
• 110 : . 우측 소숫점

*참고 : 키보드 키코드표

---

✅ Html

<input type="text" onkeydown ="OnlyNumericInput">

---

✔onkeydown

사용자가 키를 눌렀을 때이벤트 발생 시 함수를 호출하여 결과를 리턴