본문 바로가기
Web/Javascript

[javascript] input box 입력 제한/onkeydown/keyCode/preventDefault()

by 나비와꽃기린 2016. 7. 20.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

<input type="text" text="사내전화 입력" onkeydown="OnlyInput(event)"/>

//Input box 입력 제한

function OnlyInput(event){

          

           if((event.keyCode>=48) && (event.keyCode<=57)){                       // 숫자 입력 허용

                      ;

           }else if((event.keyCode>=96) && (event.keyCode<=105)){  // 숫자 입력 허용

                      ;

           }else if( event.keyCode==8 || event.keyCode==9){               // 백스페이스 및 Tab키 허용

                      ;

           }else if((event.keyCode>=37 && event.keyCode<=40)){        // 커서 키 입력 허용

                      ;

           }else if((event.keyCode==109 || event.keyCode==189)){        // 하이픈 키 입력 허용

                      ;

           }

           else if(event.keyCode==46){ // delete 키 허용

                      ;

           }else if(event.keyCode==13){  // Enter키 허용

                      ;

           }else{                                                   // 나머지 외 막음

                      event.preventDefault();

           }

};