[제이쿼리] 숫자만 입력받기

더 자세한 내용보기 : http://webskills.kr/archives/310

숫자만 입력되게 하기

html

css

/* type="number인 경우" */
.number_apr[type="number"]::-webkit-outer-spin-button,
.number_apr[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

js

//숫자만 입력되게
//숫자만 입력되게
$('.onlynumber').on('keydown', function showKeyCode(event){
	event = event || window.event;
	var keyID = (event.which) ? event.which : event.keyCode;
        //숫자입력 + 왼쪽/오른쪽 화살표 키와 Delete 키, Backspace
	if( ( keyID >=48 && keyID <= 57 ) || ( keyID >=96 && keyID <= 105 || keyID == 8 || keyID == 46 || keyID == 37 || keyID == 39) ){
		return;
	}
	else{
		return false;
	}
});

예제보기