728x90

1. 정규식을 이용한 방법

<input type="text" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');"/>

 

2. 자바스크립트 이용

<input type="text" onkeypress="inNumber();"/>
<!--자바스크립트를 불러오는 속성입력-->
function inNumber(){
          if(event.keyCode<48 || event.keyCode>57){
             event.returnValue=false;
          }
}

onKeydown(KeyCode 값) : 사용자가 키보드의 키를 눌렀을 때
onKeyup(keyCode 값) : 사용자가 키보드의 키를 눌렀다가 땠을 때
onKeyPress(ASCII 값) : 사용자가 키보드의 키를 눌렀을 때

https://crivius.tistory.com/3

 

[HTML] onkeypress, onkeyup, onkeydown 사용법

onKeydown(KeyCode 값) : 사용자가 키보드의 키를 눌렀을 때 onKeyup(KeyCode 값) : 사용자가 키보드의 키를 눌렀다가 땠을 때 onKeyPress(ASCII 값) : 사용자가 키보드의 키를 눌렀을 때 정확히 어떤 경우에 발생

crivius.tistory.com

 

 

https://ggmouse.tistory.com/179

 

[JavaScript] onKeyPress/onKeyUp/onKeyDown 비교

키보드 이벤트 함수 onKeyDown/onKeyUp/onKeyPress를 비교해보자 onKeyDown 키를 눌렀을 때 이벤트 발생 즉, 키를 입력하면 이벤트 발생 후 문자가 입력된다. onKeyUp 키를 눌렀다 놓았을 때 이벤트 발생 즉,

ggmouse.tistory.com

 

https://pjsprogram.tistory.com/84

 

[JAVASCRIPT] 아주 간단하게 입력창에 숫자만 입력하게 하기

스크립트 부분 1 2 3 4 5 6 7 8 9 10 11 12 13     function checkNum(e) {         var keyVal = event.keyCode;         if(((keyVal >= 48) && (keyVal <= 57))){       ..

pjsprogram.tistory.com

 

https://88240.tistory.com/332

728x90

+ Recent posts