setTimeout 응용및 html 숫자키 입력받기

홈페이지에서 데이터를 입력 받을때 숫자만 입력을 받아야 하는 경우가 있습니다.

그럴시에 사용가능한부분입니다.

 

텍스트 박스에 원하는 내용을 입력후에

onkeydown = "evkey(event)" 이와 같이 입력을 합니다.

그리고 위쪽에 함수 부분에서 아래와 같이 작성을 합니다.

 

function evKey(e) {
            var obj = e.srcElement || e.target;
            var key = e.keyCode;
            if (key != 8) {
                if ((key < 48 || key > 57) && (key < 96 || key > 105)) {
                    obj.blur();
                    setTimeout(function () {
                        obj.focus();
                    }, 30);
                }
            }

숫자들의 범위는 키를 입력했을때 범위들이며 중간부분에 8은 backspace를 입력받기위해 조건을 통해

만들었씁니다. setTimeout는 이전에 올려놨듯이 해당 시간뒤에 focus를 실행하도록 작성하였습니다.

위에 내용을 통해 여러가지 입력을 받아야 하는 부분을 윈하는대로 설정을 할수가 있습니다.