웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] JQuery Number Control with Virtual Keyboard 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] JQuery Number Control with Virtual Keyboard

해피CGI윤실장 2021. 3. 25. 09:22

jquery 를 이용해서 제작된 숫자를 입력받기 위한 가상 키패드 입니다. -/+ 버튼을 이용하거나 숫자를 클릭해서 입력박스에 숫자를 채울수 있습니다.

 

다운로드 받은 파일의 압축을 해제하고
index.html 파일을 웹브라우저에서 열어보면 확인이 가능합니다.

 



입력박스를 클릭하면
위 그림 처럼 화면에 키패드가 표시되고,
키 패드에 있는 숫자를 클릭하거나,
화살표로 된 위,아래 버튼을 클릭해서 숫자를 조절해서
원하는 숫자를 입력박스에 숫자를 입력하는 툴입니다.


숫자를 하나씩 지우거나(DELETE),
초기화(CLEAR)하거나,
클릭한 숫자들을 입력박스에 넣거나(DONE)
취소(CANCEL) 하는게 가능합니다.





약간 아쉬운게 IE에서는 지원이 안되네요.

bootstrap 는 사용을 해도 되고, 없어도 되긴 하지만,
bootstrap 의 스타일을 제거해버려도

 



위 그림에서 처럼
숫자를 입력하기 위한 키패드의 기본 기능들은 작동을 합니다.


입력박스에 숫자만 입력받고 싶거나,
모바일기기에서 지원하는 기본 키보드 인터페이스를 이용하고 싶지 않을때 좋을것 같네요.

 

 

 

홈페이지바로가기

Comments