Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12

[javascript] keypress에서 keyCode는 사용하지 않는다. charCode 혹은 which를 사용한다.

예컨대 영문 키들은 그냥 키코드가 0으로 나온다. 즉, 설정돼 있지 않은 거다.

keypress를 사용한다면, event.charCode나 event.which 를 사용해야 한다.
keypress는 입력 자체를 막아야 할 때 사용한다. keyup으로 입력을 검사한다면 이미 입력된 후일 테니까 말이다.
아래 코드를 긁어서 테스트해 보면 될 거다. 숫자가 아니면 입력을 막는 코드다.
<script src="scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('.quantity input').keypress(function(event) {
	alert(event.charCode);
	  if (event.which && (event.which < 48 || event.which > 57)) {
		event.preventDefault();
	  }
	})
});
</script>

<div class="quantity">
  <input type="text"/>
</div>

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다