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

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

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

Only Number Input Example

--

--

JavaScript Developer, https://afrontend.github.io/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store