<INPUT> 에서 숫자만 입력 받기

한글 조합 과정 감추기

Bob Hwang
Oct 30, 2020

<input type=”number”>엘리먼트를 사용하면 숫자만 입력받을 수 있긴 한데 한글을 입력하면 글자가 조합되는 과정이 보이는 현상이 발생한다. 엔터를 입력하거나 스페이스바를 누르면 조합되던 한글은 사라지지만 불편하다. 이 문제를 해결하려고 구글에서 IME 같은 것을 검색했다. 자바스크립트를 사용하면 되는 문제였다. input 이벤트를 사용해서 이 현상을 제거할 수 있다.

아래에서 동작을 확인할 수 있다.

Only Number Input Example

--

--